- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello k2point0,
Try to use the code below and place it in Theme panel -> Custom CSS area.
.td-next-prev-wrap{
display:none;
}
The result is here -> https://www.screencast.com/t/Cl44pUVK
Thanks for your understanding!
Hello ghostmi,
Unfortunately, the theme does not have any such an option that allows you to do this, sorry! If you want to change the header style responsive layout, you should do it yourself through adding such a CSS custom code to target the mobile devices, using the @media queries, like this -> https://www.w3schools.com/css/css3_mediaqueries_ex.asp This is just a simple suggestion! If you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer because we cannot provide this such an additional customizations at the moment, sorry!
All the custom CSS code should have to be added through the Theme panel, Custom Code section from here -> https://www.screencast.com/t/YaIY3vi1UWS9
Thanks for your understanding!
Hi,
Please read this documentation about ads ( documentation ), there you see how to set the dimension in function of device your customers are using.
For Expected width, using TD Composer, just drag a row, set the layout 2/3+1/3 ( https://www.screencast.com/t/VTXSQ3TIJ ), after that select each column on the row and set to css , look for width and set there your dimension ( https://www.screencast.com/t/CYFsU8iQMc ).
Thanks.
Hello,
I suppose that you are using the Big Grid 6, right? Also, if you want to display the Author name and date, you should use the code below and place it in the Theme panel -> Custom CSS Area.
.td-grid-style-1 .td-small-thumb .td-module-meta-info {
display: block;
}
The result is here -> https://www.screencast.com/t/5sVTArR1
Thanks for your understanding!
Hi,
The problem is that you have an inline css on the image, the cause may be some custom code or a certain modification of the theme file.
https://www.screencast.com/t/qczolOSd
Thanks.
@external
CSS needs only when you are using speed booster plugin.
Yes, you can remove it by adding custom CSS code.
/* This will remove page title */
.page-id-828 .entry-title.td-page-title {display:none;}
/* This will remove breadcrumb */
.page-id-828 .entry-crumbs {display:none;}
828 is a page ID for the page you want to hide title and breadcrumbs
Hi,
I have added the element Homepage Post to my frontpage, it scales the featured image to max screenwidth on desktop,
however, it does not scale properly when using a tablet or mobile device, so some text on the featured image isn’t visible.
I could not find the class where to add some custom css to scale this (background) image. Please advice.
Kind regards,
naimed
Hi, i bought this theme because of the new option to change the global site width.
I want to use 1400px
If i use row strech 1400px and afterwards add in example an Big grid 4, what are the correct options to get it displayed correct at all devices.
Since at smartphone the Big grid 4 element is shown with a left margin and does not use 100% width.
2nd question here – i also show the latest articles (Template Pagebuilder + latest articles + pagination)
What do i have to do here to display everything in 1400px width.
Im open to use my custom css, but i hope you offer setting options to get done via the theme settings.
On a 2nd attempt I got this:
Unsuccessful installation due to error while copying file: Newsmag/includes/wp_booster/wp-admin/css/wp_panels/admin-popup.less
Have you set some custom code insert in Newspaper> Theme panel> Custom code ( https://www.screencast.com/t/qiEjKDbun7nL ).
If not pleas add this css in Custom css:
img{
width: 100%!important;
height: 100%!important;
object-fit: cover;
}
https://www.screencast.com/t/n7S0V7zMMvr1
Hope this will solve the problem.
Thanks.
Hi,
You can set the row stretch to 1400px ( https://www.screencast.com/t/ivqbLb6xQm ) and in css put padding left/right 50 ( https://www.screencast.com/t/nT8Ka1iXu ); be notice that the css work on individual device .
Hope this will help you.
Thanks.
I don’t remember adding any custom css code. where could I possibly find this code?
UM is a very popular membership plugin, I think it would help to be compatible with UM 2.0. I contacted them about their User Tags extension issue and they said it’s because of this theme. Is there a way that I can disable js/css file from the theme (that won’t break site) for ONLY ultimate member pages? There seems to be issues there. Thanks.
Hi,
I’ve just inspect your web page and I seen yo add some custom css that couse the problem ( https://www.screencast.com/t/bbHEUcicMP6w ), just remove the custom css that you set with width and height 1px and your image will show up.
Thank you for your understanding
Hello jdodd4s,
You could use sprites and use custom CSS to add a background instead of an icon. Something similar like we use for social counter – http://screencast.com/t/7Hg5sNe9J – http://screencast.com/t/2yCMl4zs8wGN
Or you can add new icons to the theme fonts – http://screencast.com/t/059z1oelgSb
*go to https://icomoon.io/app
*button “import icons”, import from newspaper.svg (in /images/icons/);
*Select your icons and copy – http://screencast.com/t/62BMZmEh – http://screencast.com/t/hxTzPkSy
*button “generate font”, button “download”;
*copy the 4 files (.eot, .svg .ttf .woff), in “icons” folder in the downloaded zip file, rename icomoon.* to newspaper.*, replace old files.
I suggest to use a plugin if you don’t have basic experience or to get someone to help you with this.
Hope this helps and let us know how it goes!
Thanks for your understanding!
is there a custom css code section under each post?
Here is the code:
.wc-proceed-to-checkout .button{
background-color: gray!Important;
}
Also you can add more css to this one and above code ( or edit ) if you like.
Thanks.
Hi,
If this is what you need ( https://www.screencast.com/t/DOtgun13p ), then please copy this custom code:
.wpcf7-form input[type=submit] {
margin-top: 10px;
background-color: gray!Important;
width: 43.5%;
font-size: 18px;
}
.wpcf7-form input[type=submit]:hover {
background-color: lightgray!Important;
color: black;
}
.wpcf7-text, .wpcf7-textarea{
font-size: 18px!Important;
padding: 5px 10px!Important;
}
and paste it in Newspaper>Theme panel> Custom code> Costume css ( https://www.screencast.com/t/BNEMCWrf11 )
Thanks.
i added this css cuz i want it like this :
.single_add_to_cart_button {
width: 100%;
font-size: 18px !Important;
text-align: center;
background-color: #68c62d!Important;
}
but i got a problem the quantity textbox is above add to cart button ,so i want it next to the button ?
https://www.screencast.com/t/EhfXTNOQOLoH
can u please help
Hi,
If you refer at this: https://www.screencast.com/t/NDBRgpsfM7k
Please try this css:
.single_add_to_cart_button {
font-size: 18px!important;
background-color: red!Important;
}
Let me know how it work.
Hi,
You can use TD Composer, select the “Hot Topics” , change to css and set the top margin you need ( example: “Hot Topics” ).
Thank you for your understanding.
Hi,
If this is what you looking for https://www.screencast.com/t/gWnEHJyn , then please add this custom css in Newspaper> Theme panel> Custom code> Custom css :
.woocommerce ul.products li.product .button {
width: 100%;
font-size: 120%;
text-align: center;
background-color: gray;
}
Thanks.
Hello cuisinevault,
Try to use the code below and place it in Theme panel -> Custom CSS area.
.postid-515 .td-post-content .wpb_row {
left: 0;
}
Hope this helps and let us know how it goes!
Thanks.
Hello,
Unfortunately, the theme does not have any such an option that allows you to use a header menu with overlay and background image, sorry! If you like, you can try to use the code below and place it in the Theme panel -> Custom CSS area.
The code is ->
.td-header-header{
background-image: url(http://localhost/spitzu_2/wp-content/uploads/2018/09/p4.jpg);
}
.td-header-style-1 .td-header-row {
width: 100%;
background-size:cover;
}
The result is here -> https://www.screencast.com/t/vEy6ZPQuMGkr
Thanks for the message!