- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
“Block 9” or “Module 9″ ?? Uses td_block_10” – (That’s a bit confusing?)
I’m trying to make it more compact, and remove the category from meta data. But it don’t respond to the “Block Setting” where I should be able to disable this.
I also tried in CSS with:
.td_block_10 .td_module_19 .td-module-meta-info{
display:none!important;
}
But that don’t do anything, how can I control what / if meta data is displayed for “Block 9” ?
And how can I adjust the padding / margin of block 9 over and under its content?
How can I put the date ABOVE the title and not below as it appear now?
Thanks!
If you want a light style.css, yes. (take care when you make a new update)
Hi Andrei,
It worked for the space between the rows.
But there is still unwanted space between the main menu and the first row (containg the revolution slider).
Do you have any good css for this as well?
Best wishes
Lars
Yeah I know that is css comment line I meant that if I use Style 1 (= template 1) I should remove all others Style’s from css file ; )
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/yWtt9l9eI
.wpb_content_element{
margin-bottom: 0;
}
Let me know ho it goes.
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/vlEbVcTy
.td-module-thumb a:last-child:before {
background: none!important;
}
Let me know ho it goes.
Thanks!
On my frontpage I use block 11 with some modifications done in css:
.td_block_11 .td-module-thumb{
display:none!important;
}
.td_block_11 .td_module_10 .item-details {
margin-left: 0!important;
min-height: 0!important;
}
.td_block_11 .td_module_10{
padding-bottom:10px!important
}
.td_block_11 .td_module_10 .entry-title{
padding-left:0!important;
min-height: 20px!important;
}
But can I change the order of title / meta-info / content ?
I would like the “category / date / meta-info” displayed BEFORE the title.
I’ve been looking for some documentation for this method (css examples and docs) in order to customize how blocks appear. But I did not find it.. are there any?
Doesn’t matter because is a .css comment line.
I have not used any tools, I have clean manually.
yeah I did use https://unused-css.com/ to remove unnecessary code but it crash site :/
You wrote about those sections in css file? Ex.
/* ——————————————————————-
Style 5
———————————————————————- */
Hi
Is it possible to widen the meny doing CSS changes?
Also; can you send me where to read more about changing the font style, size and colours unde Theme Fonts ->Font Settings? I find it hand to understand which sub category (Main meny, Mega meny, Style 1 Template etc) is shown which place.
Thanks.
Try without file compress (do not forget that some online tools can even delete some fragments).
If your code added doesn’t charge within inside style.css you have a problem.
P.D.: try to see your web when your are log in (this way you ensure that see a non-cache page)
-
This reply was modified 9 years by
nairolf.
Hi,
I just start to use your theme – briliant!. I’m wondering if there is an option to split CSS file for each single template? I use standard template and I don’t need CSS for 12 templates. Did You think about spliting CSS for each template separately?
Why? Because now CSS has 866KB and it’s to heave somehow. One CSS for one template would be much lighter.
Thanks!
I tried adding this code at the end of parent style.css but nothing happened. I mean I lost the image caption design. What shoudl I do?
Ps: First I compressed the code using csscompressor and then added it to already minified style.css .
Hi,
I really appreciate your help but please guide me little more further.
If my AdSense plugin’s jss and CSS script aren’t working than how to disable it from speedbooster plugin? And how to move AdSense plugin’s scripts to header again after enabling speedbooster plugin?
Please help me on this issue, I’m trying to resolve this issue from last few months but getting failed into it.
Hel me guys.
Hi
Try to deactivate all plugins except Visual Composer, deactivate the child theme if you’re using, clear all caches and also make sure that you don’t have any custom css which change the menu style then test the site again.
Let us know how it goes and if the problem persist please provide your site url so we can have a closer look.
Thanks!
Hello gili,
Try the code below and place it in Theme panel->Custom CSS area.
.td-a-rec-id-header_mob{
display:none;
}
.home .td-a-rec-id-header_mob{
display:block
}
Thanks.
Hi
Speed Booster plugin was intent for users with experience in codeing as there are necessary some tests in order to make sure that the plugins will work fine if their resources are moved to footer. Not all plugin will work fine if the css/js are moved to footer and you will need to test them one by one.
If your ad-sense plugin does not work fine just leave its css/js in header and it shout work.
Thanks!
Hi @nano2408,
Yes, put your custom .css into the style.css (much better because thus avoid .css inline and the charge is snappy).
OMG, you are using 25 plugins???
Hi
You can try this css in theme apnel > custom code > custom css to change the layout of module 10 for mobile: http://screencast.com/t/3kPG3WqoZN4D
@media(max-width: 768px){
.td_module_10 .td-module-thumb .entry-thumb,
.td_module_10 .td-module-thumb {
width: 100%!important;
}
.td_module_10 .item-details{
margin-left: 0;
}
.td_module_10 .td-module-thumb {
position: relative;
}
.td_module_10 .td-excerpt {
display: block;
}
}
If you want the css to be applied only for block 11 add .td_block_11 class before each .td_module_10
Thanks!
Hi Bogdan, In my thread ( https://forum.tagdiv.com/topic/tagdiv-speed-booster-plugin-setup-issues/) you have explained many great things about speedbooster plugin and also explained a workaround way to make all plugins work with tdbooster.
Today I tried to comment out the above-written code from sppedbosster.php to whitelist all the plugins. It worked and now I can see that the “td speed booster plugin” is showing “active” under system panel.
But unfortunately, it doesn’t appear to be doing anything. I also the “view source code” on chrome and found “speedbosster is running on each page. but there is no change in pagespeed score and .js and css files are still showing same render blocking issues. Have a look at this screenshot: https://i.snag.gy/6YsgCl.jpg here is the report: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftomatoheart.com%2F&tab=desktop
Shouldn’t it be okay now? What should I do ?
The only change that I notice, is change in the position of image caption box: Here is how it used to look before: https://i.snag.gy/hflEuA.jpg
Here is how it looks now: https://i.snag.gy/ICc1Wj.jpg
The responsibe code for the design and positioning of this image caption box is written under CUSTOM CSS here: https://i.snag.gy/p47FrG.jpg
Here is the code :
.wp-caption-text a {
background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
display: inline-block;
padding: 0 3%;
}
.wp-caption-text, .wp-caption-text a {
color: #fff;
font-size: 10px;
margin-top: -28px;
text-align: left;
line-height: 20px;
margin-left: 3px;
}
The similar impact I found when I turned on rocket loader of cloudflare. It makes the site very fast but this image caption box disappears once page fully loads. I thought that tdbooster should have compatibility issues only with plugins , not with CUSTOM CSS codes. but it seems to be conflicting with it too.
How can I make this css code unimpactable for rocket loader or td speedbooster plugin. Should I try writing this code directly to style.css ?
Please help me to make these awesome performance plugins compatible .
Thank you.
Hello, I’ve just bought this theme and I love it. The subtitle field is a good thing for me, but I have noticed it appears as a <p> tag. I would be great if I could have it as a <H2> tag, only on the html side. Do you have any advice of how I could do that? What is the line I should modify in the CSS file?
Thanks a lot for the help you’ll give me
Hi
Note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow to move their CSS/js resources at page bottom. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/
Hope this help.
Thanks!
HI
@bradkrauza try this css in theme panel > custom code > custom css: http://screencast.com/t/yH6G6SEzh36
.td-sub-footer-container .td-pb-span4, .td-sub-footer-container .td-pb-span8{
margin-bottom: 0!important;
padding-bottom: 0!important;
}
Thanks!
Hello loano1,
Try the code below and place it Theme panel->Custom CSS area and check the results. The code is ->
@media (max-width: 767px){
.td_block_wrap {
padding-top: 5px;
}
}
Thanks for the message!
Hi jmask,
If you want to add a category image for each category which has template style 8, please notice that you should use a bit of CSS code in order to achieve this. So, first of all, you will have to take the category ID for what category you want to add the image and that, with the background-image rule of CSS you can add your desired image. Below, I gave you an example for one category, like this ->
The code is ->
.category-89 .td-category-header.td-image-gradient-style8 {
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
border-color:red;
}
The result you should see here -> http://screencast.com/t/cxIhL9poCkUC
For your second request, if you want to add some content or spot, please notice that you should use the do_shortcode method with some Visual Composer element (as an example Text Block) and then, the shortcode of it, you can add in td_category_template_8.php like this -> http://screencast.com/t/oZDdl9FjV
If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!