Search Results for 'css'

Hi,

If you are using a single post template or PRO Demo you can edit the template with tagDiv Composer and change the color -> https://i.imgur.com/9iuSCyB.jpg -> https://i.imgur.com/9oggUjh.png or if you are using a standard post style the you’ll need to use a custom css.

Thank you!

Hi,

Yes, you can use that code for woff2?v=4.7.0 too, the file path is -> wp-content/plugins/td-composer/assets/fonts/font-awesome/font-awesome.css -> https://i.imgur.com/W6rlwYi.png

Hope this will help you!
Have a nice weekend!

Hi smaralind,

Unfortunately there is no option to change the breaking point for the mobile menu, this can be achieve only with custom work, also you can try with some custom css, but this is hard to achieve when all elements from mobile are changing on 767px.

Thank you for your understanding!

Hi,

That effect is set by using a class in the theme body -> https://i.imgur.com/eX5F0uI.png
If you do not like that color, you can remove the extra class from flex blocks -> https://i.imgur.com/gfsHWKP.jpg or the class from theme panel -> https://i.imgur.com/Umuw7q0.png after that set your own color effect on flex blocks -> https://i.imgur.com/isPN1A6.png you can check more in our article from here -> https://tagdiv.com/blending-modes-newspaper-theme/

Also if you want you can use a custom css for all flex blocks that have the .td-background-blend class and change it like this -> https://i.imgur.com/iKRNU56.jpg
.td-fashion-pro .td-background-blend .td_module_wrap:hover .entry-thumb {
background-color: #d11a1a6b;
}

The color need to be transparent/opacity -> https://i.imgur.com/R4WsokU.png
The code need to be set in theme panel> custom code > custom css.

Hope this will help you!
Have a nice weekend!

Hi,

You could check some guides and double check if the SSL implementation has been done properly. Check these for example
– https://www.wpbeginner.com/plugins/how-to-fix-the-mixed-content-error-in-wordpress-step-by-step/
– http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
– https://css-tricks.com/moving-to-https-on-wordpress/
– https://yoast.com/dev-blog/move-website-https-ssl/
– https://forum.tagdiv.com/topic/moving-to-ssl/

Thanks

Hi swapnilphadke02,

Let’s try one more time together, from homepage -> https://i.imgur.com/8pwP2S4.png go on footer -> and click on that flex block and check the style tab -> https://i.imgur.com/mE5WOiI.png -> https://i.imgur.com/N4S8Ixg.png if there is no color for the block you are using in style tab, then you should change it with a flex block to have the possibility to edit the colors.
Or you can use a custom css like this one -> https://i.imgur.com/0QJDL4L.jpg

.td-footer-template-wrap h3>a{
    color: #cbcbcb;
}

The css need to be set in theme panel> custom code> custom css.

Thank you!

Hi,

Please try this custom css:
https://i.imgur.com/oSkOObR.jpg
.td-header-desktop-sticky-wrap .tdb-mm-align-screen .tdb-menu .tdb-mega-menu .sub-menu {
margin-top: 25px;
}
and this it will be the code for both headers -> https://i.imgur.com/vTsptd6.png
.tdb-mm-align-screen .tdb-menu .tdb-mega-menu .sub-menu {
margin-top: -5px;
}
.td-header-desktop-sticky-wrap .tdb-mm-align-screen .tdb-menu .tdb-mega-menu .sub-menu {
margin-top: 25px;
}

Hope it will help you!
Thank you!

Hi Vikramsinghrao,

If I understand correctly you want to change this color -> https://i.imgur.com/ayDfEws.png this can be done from here -> https://i.imgur.com/PnADcBP.png or if you are using mobile theme plugin form here -> https://i.imgur.com/yps8X7F.png there is no need for extra css.

Hope this will help you!
Thanks.

Hi,

Please try this custom css this it will be apply on all blocks that have the style 8 for header ->https://i.imgur.com/C1gZaFR.jpg
Replace the above code with this one :
.td_block_template_8:hover .td-block-title *, .td_block_template_8:hover
.td-block-title span {
color: red!important;
}

Thank you!

Hi,

As I know the mobile-theme.woff?9 is in only one place and is a font face -> wp-content/plugins/td-composer/mobile/style.css -> https://i.imgur.com/6NNiXR4.png if you want you can set “font-display: swap” clear all cache, purge CDN and check the results to see if this message is still displaying or not in google page speed/
Normal it doesn’t affect the performance much and even has some side effects, like font flashes. But if you’re hunting for a 100 PageSpeed score, you should probably do it.

Thank you!

Hi,

You can use this option from theme panel -> https://i.imgur.com/7VkRbat.png -> https://forum.tagdiv.com/design-post-pages-using-default-templates/ or if you want to apply only on amp you can use this custom css
#td_social_sharing_article_top{
display: none;
}
The code need to be set in theme panel> mobile theme > custom code> css.

Hope it will help you!
Thank you!

Hi,

You need to set the css code for each post that you want to hide the post date, for example
.postid-1 header .td-post-date,
.postid-2 header .td-post-date,
.postid-3 header .td-post-date,
.postid-5 header .td-post-date{
display: none;
}
The above code it will remove the post date from post with id 1, 2,3 and 5, now you need to set your posts id, also you can set it for how many posts you want.

Hope this will help you!
Thank you!

Hi,

You can achieve that using this custom css ->
.td_block_template_8:hover
.td-block-title span {
color: green!important;
}
The code need to be set in theme panel> custom code> custom css.
Also you can change the color.

Thank you!

Hi,

Indeed is look that this option is not apply on mobile theme plugin, as a quick fix you can use this custom css:
.td-social-sharing-button{ border-radius: 50px;
}
The code need to be set in theme panel> mobile theme > custom code> css.

Thank you for your understanding!

Hi,

Please provide me a link to your website, in this way i will be able to provide the right css that it will work for you!

Thank you for your understanding!