- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello!
This you can do it if you add this css code right here: https://www.screencast.com/t/YA8y0rEB
The code:
.td-search-icon {
display: none !important;
}
Hope that helps you!
Thank you!
-
This reply was modified 5 years by
Alin [tagDiv].
-
This reply was modified 5 years by
Alin [tagDiv].
Hi Calin,
I’m not sure you have understood the issue! Even when I set a bigger height using the css settings, although the height gets bigger in the td composer, they are not accurately reflected on the live mobile page – my screenshots show this. In the TD composer, the height is more than on the live mobile page. For some reason the height I set in the td composer is not matched when I view the webpage.
Thanks,
Anna.
Hello !
The sticky header can be edited using tagDiv Composer as you can see here using the css tab: https://www.screencast.com/t/FwiP9p5EZK2O
Adjust it to your pleasure.
Thank you !
Hi,
If you want to underline the hyperlinks you need to edit the posts, select the hyperlink and pres ctrl+u -> http://prntscr.com/ope9y7 -> https://prnt.sc/oofq0j
or if you want to have the all hyperlinks on post to be underline you can use a custom css -> https://i.imgur.com/0baMOIc.png
.single .tdb_single_content a{
text-decoration: underline;
}
The code need to be set in Theme panel>Custom code>Custom css and will apply on all post that have set a single post template form cloud.
hope this will help you!
Thank you!
I want to remove the image hover effect from category page top post grids. Can you help me or give a custom CSS code?
I have the exact same problem and the answer above does not resolve the issue. I had the same idea and tried to add the classes but the CSS specific to each style is not added to the page, probably due to some tree shaking that’s happening behind the scene. Playing around with the code I found out that the counter style drop down is part of the Style tab and this tab/group is not rendered in the widget area. Moving the style option into the General tab by removing the following line do the trick:
file:wp-content/plugins/td-social-counter/td-social-counter.php:327
array(
"param_name" => "style",
"type" => "dropdown",
"value" => array('Default' => '', 'Style 1 - Default black' => 'style1', 'Style 2 - Default with border' => 'style2 td-social-font-icons', 'Style 3 - Default colored circle' => 'style3 td-social-colored', 'Style 4 - Default colored square' => 'style4 td-social-colored', 'Style 5 - Boxes with space' => 'style5 td-social-boxed', 'Style 6 - Full boxes' => 'style6 td-social-boxed', 'Style 7 - Black boxes' => 'style7 td-social-boxed', 'Style 8 - Boxes with border' => 'style8 td-social-boxed td-social-font-icons', 'Style 9 - Colored circles' => 'style9 td-social-boxed td-social-colored', 'Style 10 - Colored squares' => 'style10 td-social-boxed td-social-colored'),
"heading" => 'Style',
"description" => "Style of the Social Counter widget",
"holder" => "div",
"class" => "tdc-dropdown-extrabig",
//"group" => "Style", // COMMENT THIS LINE
),
I don’t want to have to patch the original plugin code so I strongly suggest to the tagdiv team to move this option into the General tab where it can be controlled form within the widgets section.
The reason I want to use the widgets section is because the theme has different templates for things like post/404/search/category/etc and I want all of them to have the same sidebar. Having to edit each one of these to make sure the sidebar is the same in all of them is not ideal, specially if you decide to later make one small change to it and end up having to edit 5-6 different templates. I want to build a sidebar using the widgets and just add to all my templates.
I hope this makes sense.
Hello !
This is how that option works at the moment in Newspaper Theme. Those can be edited using css code. Let us know what changes you are looking to do so we can help.
Thank you !
Hello !
That can be done using tagDiv Composer. Set your row using css tab as you can see here: https://www.screencast.com/t/fXIkzsN6m set the bottom margin to -15px or adjust it to your pleasure.
Thank you !
Hey Calin,
still not working, i tried these combinations:
/* Exclude certain css class from wp-rocket lazy load
*/
function rocket_lazyload_exclude_class( $attributes ) {
$attributes[] = 'class=".td-post-featured-image .entry-thumb"';
$attributes[] = 'class="td-post-featured-image .entry-thumb"';
$attributes[] = 'class="td-post-featured-image.entry-thumb"';
$attributes[] = 'class=".td-post-featured-image.entry-thumb"';
$attributes[] = 'class="td-post-featured-image entry-thumb"';
return $attributes;
}
add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );
Is the right one in it?
All the best,
Daniel
Hello!
For changing the hover title background color you need to write a css custom code.
You can easily add this code if you access Newspaper -> Theme panel -> Custom code -> Custom CSS:
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-wrap:hover .tdm-title-md {
background-color: red;
}
For background-color you can choose whatever color you need for the hover title background color.
Thank you!
-
This reply was modified 5 years by
Bettina.
Hi Jukey123, normal the sidebar from desktop version should be set on responsive version (mobile) after the end of post content.
After some investigations I found this css -> https://i.imgur.com/Sif8UOR.png that is set the sidebar to the left. Did you made some changes to the single poste template with tagDiv Composer? Because is possible to be some custom settings that are apply on mobile version too. To see if this is, please get a new single post template from tagDiv Cloud Library and set it on posts to see if those are still displaying the sidebar on mobile.
Let us know the results!
Hi,
Normal if there was only a theme update, then there should be no changes, pleas clear all cache and purge the CDN (if you have CDN).
Check with tagDiv Composer that you have set the code set in post content -> https://i.imgur.com/YJGdxPC.png
Also the code that is apply (the one from your example) can be set like that only from elements, also check if you have set in theme panel a custom css -> https://i.imgur.com/Om2NrVm.png
Let me know the results!
Hi,
For mobile theme please use this css -> https://i.imgur.com/4zkxGJI.png
.single .td-post-content a {
text-decoration: underline;
text-decoration-color: #f6a656;
}
.single .td-post-content a:hover {
color: #a4af3f;
}
Set the code in theme panel> mobile theme > custom code> css -> https://i.imgur.com/O8c2lMC.png
Hope this will help you!
Let me know the results!
Hello,
There’s an error next to the first line, following the message shown, I have to use this instead:
.woocommerce .products .product .onsale {
Also it does not change the alignment and color of the badge. I tried this like others suggest on other sites, adding !important on both lines:
right: auto!important;
left: 0!important;
background-color: red;
}
and it is working fine now. I do not know much about CSS codes, is it safe / alright to keep it this way?
Thank you for your help!
Hello!
For changing title background color you need to write a css custom code.
You can easily add this code if you access Newspaper -> Theme panel -> Custom code -> Custom CSS:
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-title-md {
padding: 12px 100px 20px 40px;
background-color: #87aa6a;
transition: background-color 0.3s ease;
}
For background-color you can choose whatever color you need for the title background color.
Thank you!
Hi,
my blog is tospitakimou.gr. I have an issue with AMP pages.
1) I temporarily disabled mobile theme plugin in order to use the responsive template and easier place ads on the sizes I want via the Template Panel.
2) Cleared Site Cache (WP-Rocket) + Cloudflare Cache + Browser Cache
3) AMP Pages show no pictures and a CSS Live Editor box pops up
You may see the screenshot: https://imgur.com/Ub7zJ7L
I also tried to change the AMP plugin settings from Transitional to Standard but with no luck.
Any help would be appreciated.
Thanks
Hello,
with one of the latest updates, now default font overrides the custom font size set in page builder under Typography panel on paragraph options.
You can see what I mean here, this is the page before updating the theme:
And this is what it looks like now:
The paragraphs “Le reazioni di Tirolo e Bolzano” and “L’intervento della ministra De Micheli” should be 20px, instead they fallback to the default of 17px because of this line in css:
.tdi_145_a00, .tdi_145_a00 > p, .tdi_145_a00 .tdb-block-inner > p {
font-family: Titillium Web !important;
font-size: 17px !important;
}
Looking forward for a reply, thanks in advance.
Hello !
You can use this css code: .tdb-template .td-main-content-wrap {
margin-top:-40px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Let us know the result !
Thank you !
Hello!
For changing background color and moving the badge to the left corner you need to write a css custom code.
You can easily add this code if you access Newspaper -> Theme panel -> Custom code -> Custom CSS:
.woocommerce ul.products li.product .onsale {
top: 0;
right: auto;
left: 0;
background-color: red;
}
For background-color you can choose whatever color you need for the background badge color.
Thank you!
I tried to add it in theme panel, mobile theme, custom css but it doesn’t work. Any idea ?
.single .tdb_single_content a {
text-decoration: underline;
text-decoration-color: #f6a656;
}
.single .tdb_single_content a:hover {
color: #a4af3f;
}
Kind regards
Hi I want to add this code .single .tdb_single_content a {
text-decoration: underline;
text-decoration-color: #f6a656;
}
.single .tdb_single_content a:hover {
color: #a4af3f;
}
to mobile theme, I tried to add it in custom css mobile theme but it doesn’t work
Hi,
Please try this custom css -> https://i.imgur.com/mrm5Xb1.png
.qode-pl-holder .qode-pli .qode-pli-title {
margin-top: 25px;
}
Set this code in theme panel> custom code> custom css.
Hope it will help you!
Hi,
I think that the theme updated it self last night by it self and now the hole website is broken. First the tagdiv plugin was not activated automatically (I activated them). Theme was inactivated (I reactivated it). All my custom CSS are gone. Footer text gone. Logos gone. Enable thumbs sizes gone. Favicon icon gone. Any ideas what might have happened and how to fix the issue?
Edit: All the settings that I have made are gone
Thanks
Janne
Hi,
It looks that it is inserted an inline css code for height -> https://i.imgur.com/s0UvKv6.png most of the times this problem is caused by some untested plugins or some custom code add in theme.
For the moment I can help with a custom css:
.td-md-is-firefox .td-header-menu-wrap {
min-height: 44px!important;
}
Please set this code in theme pane> custom code> custom css.
Hope it will help you!
Thank you!
Hi,
All the code and settings from the theme panel, live css, tagDiv Composer are saved in database, you can find the code in your database > wp_options search for “td_live_css_local_storage” -> https://i.imgur.com/lD50uXi.png -> https://i.imgur.com/EAOSc8O.png -> https://i.imgur.com/zX16UC1.png
Hope this will help!
Thank you!