- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello zingolo,
Please try the code below and place it in Theme panel->Cusotm CSS area and you can use what type of color value you wish.
.td-post-content .dropcap {
color:orange;
}
Thanks
Hi
I’ve checked your site and noticed that you have some custom css which change logo’s layout a bit. Try this css in theme panel > custom code > custom css to correct the missalgnement on afix:
@media (min-width: 768px){
.td-header-wrap .td-affix .td-main-menu-logo a{
line-height: 70px!important;
}
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 70px !important;
}
}
.td-affix .sf-menu li{
margin-top: 10px;
}
Thanks!
Hi,
Speedbooster increases the site’s loading speed. Try to test your site with google pagespped insights with and without speedbooster. If the speed drop is not very high, you can disable the plugin altogether. Page speed is very personal and depends on lots of things. For some users speedbooster provides better speeds, and for some not so much. If you can live with the speed drop then disable the plugin.
If you do want to use speedbooster and just remove the style.css from speedbooster, you need to access this file and comment out these lines of code: http://screencast.com/t/7BfLewBSJ
Thank you!
Hi
You can use this css to hide more article box on mobiles:
@media (max-width: 768px){
.td-more-articles-box {
display: none!important;
}
}
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/pPtUZu6IVGlW
.vc_col-has-fill>.vc_column-inner{
padding-top: 0;
}
.wpb_gallery .flexslider {
margin: 0 0 0;
}
Thanks!
Hi again Bodgan,
sorry for asking again – I tried to find what I´m looking for, but beside deactivating speed booster completely (what I would like to avoid), I can´t find any option to make sure that I css gets loaded immediately.
Honestly, I´m wondering: Does it make sense at all to use speedbooster with your theme? If I got you right, the usage of speedbooster will ALWAYS result in flickering regarding ANY css changes in the theme panel. I mean, I simply changed the font weight…
What do you think?
Looking forward to your help!
Cheers
Hey Andrei,
Is there a CSS editor you can recommend for WordPress? I can not find one that allows me to pinpoint a single headline and make it red. They targeting all the headlines at once or not allowing me to target the block for CSS editing.
Thanks!
Hello,
Footer in elagite.info puts an .outer-grap (1164px) by default. We need it full width-ed on the page as it shows in the default demo: http://demo.tagdiv.com/newspaper/
Any ideas on how to proceed? Maybe adding some custom css code?
Many thanks,
Hi, my first post, just getting started 🙂
I’ve set up a child theme with the help of the child theme support documentation. I’ve copied over the suggested templates and folder structure. I’ve used child themes before but setting them up always takes time.
At the end of the child theme support documentation it refers to some php files which can be copied over to the child theme. It gives a couple of examples but what are the others?
“The wordpress templates which are not loaded by theme API, like archives.php, header.php, etc, have child theme standard support.”
Please tell me, does it include the following?
- 404.php
- category.php
- footer.php
- header.php
- search.php
- sidebar.php
- style.woocommerce.css
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/ypdIUbipYe
.block-mega-child-cats a:first-child {
display: none;
}
Thanks!
Hi,
as you adviced, I’ve done a clean FTP installation of Newsmag as detailed in your documentation but the bad white padding is still there (http://wp-dev-ntr24-31ba64cdf656650e14f1f97f34ac243d.ntr24.tv/)as you can see from the higligted yellow zones (please see http://screencast.com/t/wAAWNriY).
Could you check please, and tell me how I can remove these unwanted white paddings since they seem not to be in the theme style.css?
Thanks in advance for any appreciated help.
Giuseppe
P.S. If you need the access credentials, I’ve already sent them to you by private message.
Thanks
Yes please, if possible provide me css code.
Also css for the links underline color for in articles.
Thank you 🙂
Hi Bodgan B,
thanks again – could you please tell me how i can remove style.css from speedbooster? Speedbooster itself doesn’t offer any preferences at all…
Thanks!
Hi,
The mobile theme does not have such options so the smartlist buttons can only be targeted with css.
If you want to remove the top pagination, you have to remove this part of the code: http://screencast.com/t/phbhHDzu
In order to change the button colors, you can use this code:
@media(max-width:767px){
.td-smart-list-button{
background-color:red!important
}}
Add the code in the theme panel->custom css box.
Thank you!
Hi,
I need to install a piece of code into my header tags, but I don’t know where to make that change. Here’s what I want to do: https://youtu.be/Hxkvkr7aIGw?t=52s
Do I do it via the custom CSS field or do I login via filezilla?
Cheers,
Pete
Hi
To achieve that you have to edit theme’s core files and change the html structure for block title. A solution would be this one: http://screencast.com/t/VR5IdaQv9l – http://screencast.com/t/1ki43BVpx
You just have to replace the code from td_block_template_1.php file with this one: http://pastebin.com/AMXmseUx then add this css in theme panel > custom code > custom css:
.arrowblock {
width:auto;
border-top: 1px solid transparent;
}
.arrowright {
float:right;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 30px solid green;
}
.rect {
width:90px;
height:10px;
background-color:transparent;
}
Note that this solution will affect all blocks titles. If you want to apply it only for some blocks you’ll need a new function which will be called on specif blocks. You can take the above code as example but if you’re not aware of the steps that must be taken in order to achieve the desired result mu advice is to look for someone who can help you with implementation because we can’t offer custom work.
I hope this helps.
Thanks!
Hello,
If you want to display the meta info only for your modules and to hide them for posts, please try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-header .td-module-meta-info {
display:none;
}
Thanks.
Hi,
All these style cascades are from using speedbooster or similar tools to move the css render block to footer. This is good for page speed but bad for visuals unfortunately. There is no middle way about this. If you move style.css to the footer then it will load after all of the content and apply your css settings afterwards. If this bothers you, please remove style.css from speedbooster or other tools so the css will load first. It will not have a significant pagespeed drop.
Thank you!
I just change the font name, no css added.
Plugin i’m using polylang, wp super cache, backwpup, Yoast SEO, loco translate, wpdiscuz
I’ll change font back to default and let you know.
Thanks.
Hi,
The category tags can be removed for every module in particular from this section of the theme panel: http://screencast.com/t/Ke7qKqng
if you want to remove the tags for a particular block and not all blocks of that type, then you can add a custom css class on the row in visual composer and use css to hide the category tags.
Here is an example: http://screencast.com/t/hejLj9Cvv
Then I would use this code to hide the tags for this row only:
.mycustomclass .td-post-category{
display:none!important;
}
As for the tags on category pages, they can be removed by changing the category template style from the per-category settings: http://screencast.com/t/5zTtbSaOU
Thank you!
Hello iamkingsleyf,
Please notice that our theme load only 2 fonts (Open Sans and Roboto) which are declared in td_config.php, like this -> http://screencast.com/t/fw2QvMsw Also, our theme does not have any option that offers you a way to change the default fonts. So, if you have loaded some custom fonts on your side and if you want so uses them as default, you will have to replace them in td_config.php and then you will have to replace all of these default theme fonts with yours in style.css
If you refer to something else, please provide more details about what exactly you are referring to and also, you can be more specific about what kind of Google Fonts you mean so I will be able to provide a more accurate response. (your website might be more useful in this regard)
Thanks for your understanding!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/NPqDq3ZP
.home .meta-info, .home .slide-meta-author {
display: none;
}
Thanks!
Hi,
At the moment these options cannot be edited from the theme panel. you can use the theme pane for custom css though so you do not have to change the style.css file directly. Use the custom code tab of the panel. I will add this request on our update list and hopefully in a future version we can provide these options.
if you need assistance with changing these colors we can provide the proper css codes for it.
Thank you!
Hi,
It seems the margins get modified on your end either from a plugin that re-writtes the css or a custom modification or css code . Please try to revert the theme to it’s default state by disabling all plugins except visual composer, clear cache and purge cdn files. Then remove any custom css or custom code you might have in the theme panel or directly to the theme files.
Let us know if you still have problems with this. if you do, please provide a link to your site so we can inspect it.
Thank you!
Hi
The css works fine on my end as can be seen here: http://screencast.com/t/cGVBYgVE Make sure you added all code from http://pastebin.com/e508xS7p in theme panel > custom code> custom css, clear all caches then test again.
Thanks!
