Search Results for 'css'

Hello Dimitri!

I will add your query on our improvement list!
If you can’t find an element after you have hidden it on every viewport, check this thread for the solution: https://forum.tagdiv.com/topic/cssdisplay-show-or-hidden/
Also, we’ve added a feature that shows you the hidden elements on the page: https://app.screencast.com/sQBS2ivsSLxry

Thank you!

Hello!

You can check these guides for the page speed: https://www.andraware.com/wp-rocket-for-newspaper-theme/ -> https://forum.tagdiv.com/how-to-make-the-site-faster/ -> https://forum.tagdiv.com/cloudflare-cdn/
I do not recommend using the Wp Rocket tool “Remove unused CSS” because it could cause problems.

Thank you!

Hello David!

Did you use the feature “Remove unused CSS” of a cache plugin?
Click on that hamburger menu and choose a menu in the mobile viewport: https://prnt.sc/KM1WiaiJlPSD

Thank you!

Hello Vaclav!

You can hide every element from the CSS tab: https://prnt.sc/1FJiMub9ke4s for each viewports: https://www.screencast.com/t/XDQJedlggSB

Thank you!

Hi,

Please try to use this code https://i.imgur.com/RAhFkDP.png
.tdb_single_user_reviews_list .tdb-surl-review-rating:not(:last-child)
{
display: none;
}
Set the code in theme panel -> custom code -> custom css.

Thank you!

Hello,

“I switched my homepage and added a few other pages. These new pages are visible on the desktop website but not on mobile phones.
How can I solve this problem?”
– usually this is happening when the tagDiv mobile theme plugin is enabled, please disable the plugin and the problem will be resolved.

“2. On the woocommerce shop, I installed the kid’s shop template; I would like to edit/change the red flowery header banner. How can I achieve this?” – for this you need to edit the cloud header using tagDiv Composer, select the row and in css tab you’ll see the background image that can be removed/changed – https://i.imgur.com/X04KS92.png

Thank you!

Hello,
For this please try this custom css:
.td-header-top-menu {
display: block;
}
Set this code in the theme panel > custom code> advance css > phone section.
I hope this will help you!

Hello,
I think that you are referring to this – https://i.imgur.com/J2gL8Nw.png this appears to be like a menu, using the Newsmag theme what you can do is to use the top menu to add the “keywords” – https://i.imgur.com/10aer3C.png eventually you can use some custom css to set it in one line.
Thank you!

Hello @jelmertje!

Try to add this CSS code:

.tdb_header_menu .tdb-menu>li:nth-child(4)>a .tdb-menu-item-text{
text-decoration: underline !important;
}


Thank you!

Hi,
1. There you cna use the column text element here you’ll have the wp editor to add text, images, buttons .. – https://i.imgur.com/JbjLYpQ.png
2. That is a margin that can be set on any element in css tab – https://i.imgur.com/6HXl7oz.png
I made a template for you, just to copy the code an past (- https://i.imgur.com/LGfLZHG.png – remove the code https://i.imgur.com/jgS1Rqa.png and insert the provided one) it in a blank footer template and add the elements you need – https://i.imgur.com/qyOQ692.png the code can be get from here – https://pastebin.com/hjxwKVKR
Thank you!

Hi,
If you are using flex blocks you have individual options to display/hide the date(https://i.imgur.com/8VVEnM7.png-https://i.imgur.com/MjmoH4S.png), but on standard blocks, like block 21 it will use the theme panel option (the global one), what else can be done is to set an extra class on those blocks were you do not want to have the date and use a css like this one – https://i.imgur.com/zfPwneq.png
.remove-date .td-post-date {
display: none;
}
Css code should be set in the theme panel > custom code > custom css.
Thank you!

Hi,
I just checked now and now I see them that the images are there – https://i.imgur.com/2AvY8jE.png
What I can do to make sure will prevent this situation is to use this custom css:
body .td-animation-stack-type0-2:not(.woocommerce-product-gallery img) {
opacity: 0.99!important;
}
You need to set this code in the theme panel > custom code > custom css.
I hope this will help you!

Hello!

Please follow this guide: https://forum.tagdiv.com/the-newsletter-plugin/
Try to use the Raw HTML, and style it via CSS.
Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.

Thank you!

Hello,
I think that you are referring how to add the newsletter (there will be need to use some custom css), this will be in the left column and in the right one you can use a column text or text with title element to set the text and link to send a tip.
Thank you!