- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Nevermind – turns out there is a custom CSS entry by hitting the little GEAR icon in the upper right of the Visual Builder that outputs only on that page.
Was easily able to change the background by entering
body {background-color: #d2dce4;
background-image: url(“http://www.mydomain.com/wp-content/uploads/2016/12/mypic.jpg”); }
This can be closed. Thx!
Hi,
I have some element on homepage which i like to reduce the padding from top and bottom via custom css but i am not sure what the custom css code is to reduce this.
Can you please help.
1.
this is covered in the WordPress codex a bit, but
a) change name in the style.css
b) change folder name for theme
Hello,
1. How can I change the theme name to for example, “Othername” so I get themes/Othername/style.css instead of themes/Newsmag/style.css.
2. Is it possible to have the frontpage side-bar as a smart-side bar? How do I do that?
Thank you
Since the update when I click on editor to to try to get to my header the page freezes on the Newspaper: stylesheet.css and then it forces me to kill the page and reload. It will not let me in to edit anything.
this is the area –> theme-editor.php
How do I fix this?
I just created an account on your site: http://screencast.com/t/RnTtB534WWTv why do you say you cannot do it?
The bbpress forum can onyl be changed with css as there is no setting for the font colors of the forum . Please provide a link pointing at the forum and I will provide the proper code to change the font color
Thanks
Hello Edward,
You can try a little css trick to increase the padding between elements. Try this code:
.single-post .td-post-content ul li, .single-post .td-post-content ol li{
padding-bottom:5px;
}
Thanks.
Hello,
The tiny mce editor does not have this option unfortunately so it can only be added through css. Please try this code:
.single-post .td-post-content{
text-align:justify;
}
Thank you!
Hello,
You can use this css code to get rid of the arrow:
.td-scroll-up{
display:none!important;
}
Thank you!
Bogdan B
tagDiv team helped me via Email, topic is solved. Thanks!!
If anyone encounters the same problem, put this in your custom CSS
.page .td-main-content-wrap {
overflow: hidden;
}
Hello,
This probably happens because of the modifications made to the menu or a plugin css conflict. Please disable all plugins except visual composer, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.
If the issue is still there please provide a link to your site so i can inspect the menu.
Thank you!
Hello shyamkarnani,
Do you want to edit the content from our demos or the layout of our demos? Please keep in mind that each demo has own custom CSS which can be found here -> http://screencast.com/t/sZAGnuph If you want to change the style of it, you should edit the stlye.css for each demo you like. If is not what you mean, please provide more details about what you want so I will be able to provide a more accurate response.
Also, if you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Hello,
In order to edit a header style, you will have to change it’s code as there is no setting to change the elements of a header. If you want to remove the header ad and replace it with the social icons, you will have to edit this file: http://screencast.com/t/DMIETQ5H
You can find the sharing widget code here: http://screencast.com/t/Re6yMPrw
You will need to adapt the code for it to work and then you will have to add some css rules for positioning
You will require coding skills for this. Moving things around is never easy.
Thank you!
Hello,
The header and footer social icons can be changed using a css code. Please add this code in the theme panel-> custom css box:
.td-social-icon-wrap .td-icon-font{
font-size: 15px!important;
}
Thank you!
Hello irlandacenter,
You should try the code below and place it in Theme panel->Custom CSS area.
.td-comment-section{
display:none!important;
}
The result is here -> http://screencast.com/t/E2eqiUAMS
Thanks for the message!
Hello team, grat work with newspaper. Could you help me in optimize css for printer version of articles? I am working on http://www.ilfattovesuviano.it and I have added a “versione stampabile” link (printer version in English).
I have tried to optimize my CSS to render a good versione but I have few issues. Any help will be appreciated.
Can I change CSS code in anyway to make the menu like the other site?
I really like the Newspaper theme… I don’t want to switch to another theme just because of the menu…
Not a big issue,
We just have to add an extra class so it will only affect the post pagination. The css is not specific enough. Here is a more specific version:
.single-post .page-nav-post .td-icon-menu-right:before{
content: 'Next Page'!important;
font-size:20px;
}
.single-post .page-nav-post .td-icon-menu-left:before{
content: 'Previous Page'!important;
font-size:20px;
}
Thanks.
Hello,
1. The line can only be removed with css so please use this code: ]
.td_mega_menu_sub_cats:after{
display:none;
}
2. The css classes are like follows:
there are 2 main containers with classes of td-ajax-prev-page and td-ajax-next-page
In these containers there are 2 icon fonts inside an i element with classes of
td-icon-menu-left and td-icon-menu-right. The font itself is added with a ‘before’ pseudo-element.
Thank you!
I did try but nothing happens, I know that this dividing line is caused by the comment section that is deactivate on this page. Another way to fix it?
I deactivate the comments on this page cause no point have comments on contact page right? But the dividing line of the comments section still there and the CSS that you send me just make bout lines get together that made thicker.
Hi,
Please add an extraclass to your column where you use the Single Image element – http://screencast.com/t/uDvtI9H7dHm and use this custom css to remove the left/right padding:
.extraclass{
padding-right: 0 !important;
padding-left: 0 !important;
}
Thanks!
Hi,
You can try to add the code in style.css directly at the bottom of the file as css rewrites tend to be seen for a split second as you describe. Try to add it in the css file and it should be faster. Unfortunately this is the way css works. That is why it’s called cascading style sheets.
Thank you!
Hello,
This will not be an easy thing to do. Our theme responsiveness was built with a custom css and media queries added to each individual element. There will be lots of changes that need to be done in order to make this modification.
Thank you!
Hi,
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd
Thank you!
Hello,
Concerning the mega menu css classes, I found almost everything in order to adapt the required colors and fonts.
There are only two things that I cannot change.
1. There is a vertical white line between the sub-categories and the images on the right. I want to make it disappear or to change color. Which class should I modify ?
2. The second is the next-previous arrows. Which class is responsible to change colors ? or to hide it.
I tried the below css but I managed to hide only the arrows. Is still functional and the borders are still there 🙂
.td_block_mega_menu .td-icon-font{
display:none;
}
Thank you in advance for your precious support !