Search Results for 'css'

Hi,

Maybe you can achieve this with a custom css like this one -> https://i.imgur.com/2UyhvNd.png
.td_block_trending_now {
direction: rtl;
}
.td-trending-now-wrapper .td-trending-now-nav-right {
position: relative;
right: 800px;
}
.td-trending-now-wrapper .td-trending-now-nav-left {
position: relative;
right: 860px;
}
The code need to be set in theme panel> custom code> custom css

Hope this will help you!
Thank you!

Hi,

So if you want to achieve the exact same elements as here -> https://i.imgur.com/3322f8i.jpg then you can use the tagDiv Composer on you page, add a new row -> https://i.imgur.com/D3pNw0K.png and set the layout in 3 -> https://i.imgur.com/nhWGgzS.png after that set the column content in the first employ column -> https://i.imgur.com/rxCFDdQ.png after that click on the element and set the title text, description, image… -> https://i.imgur.com/p3QwZEf.png after that in style tab -> https://i.imgur.com/5ZDrEf6.png an for the borders you need to check on css tab -> https://i.imgur.com/bsvZ4IQ.pngafter you done with the customization, you can save the element using the right click -> https://i.imgur.com/01E4NPA.png in this way you can reuse it when you want with tagDiv Composer. To set the element the the other empty columns use copy and paste -> https://i.imgur.com/v4BwgX8.png -> https://i.imgur.com/TqUEWrp.png after that only change the content url and images.

Hope this will help you better.
Thank you!

Hi,

Unfortunately I do not have access to your website -> https://i.imgur.com/CNNjGix.png
You can set the caption on featured images like this -> caption -> http://prntscr.com/p2mudb -> http://prntscr.com/p2mupt -> http://prntscr.com/p2muy5 -> http://prntscr.com/p2mv62-> http://prntscr.com/p2mudb -> http://prntscr.com/p2mupt -> http://prntscr.com/p2muy5 -> http://prntscr.com/p2mv62
In order to set the border you need to use a custom css like this one -> https://i.imgur.com/av6UoHh.png
The code need to be set in theme panel > custom code> custom css
body.td-animation-stack-type0 .post figure{
padding: 5px;
border: 1px solid gray;
}
.wp-caption-text, .wp-caption-dd {
margin-bottom: 4px
}

Thank you!

Hello !

This can be done using a CSS code. Please provide a link to your website in order to inspect and see what can be done.

Thank you !

Hi,

This can be done only with custom css, because the Gutenberg editor do not have an option for it -> https://github.com/WordPress/gutenberg/issues/4543
-> https://i.imgur.com/kUabS9J.png
.post .wp-block-button.td_btn_large .wp-block-button__link {
font-weight: 500;
}
.post .wp-block-button.td_btn_large a:hover{
background-color: #f2e85b!important;
}
The code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thanks.

Hi,

Please try this custom css -> https://i.imgur.com/VsU2GGz.jpg
.td-trending-now-display-area .entry-title {
line-height: 20px;
}
The code need to be set in theme panel> Custom code> custom css.

Hope this will help!
Thanks.

Hi,

Please note that our support hours are from Monday – Friday: 8:00 AM – 17:00 PM GMT+2
If you want to change the color for h1, h2 … in amp you need to use a custom css, here is an example for h4 -> https://i.imgur.com/MRxjhrb.png -> https://i.imgur.com/k9wXkIG.png you you want the h to have the same color, you can add them like this -> https://i.imgur.com/DHnJ9wp.png for different colors you need to set it like this -> https://i.imgur.com/8n4UJrR.png
h1{
color: blue;
}
The code need o be set in Theme panel> Mobile theme> Custom code> css

Hope this will help!
Thank you!

Hi,

If the search is appearing on mobile version then you need to use a custom css to remove it, the code need to be set in theme panel> Custom code> Advance code>
.header-search-wrap{
display: none;
}
-> https://i.imgur.com/eer87KZ.png
If you are using the mobile theme, then you need to use this custom css
.td-search-icon{
display: none;
}
And need to be set in theme panel> mobile theme > code code > css -> https://i.imgur.com/KB0zvjf.png

Thank you!

Hi,

The http://placestravel.staging.wpengine.com/wp-content/uploads/2019/11/newsletter.jpg image is on your footer page, for this you need to go in Theme panel> Footer and edit the page -> https://imgur.com/lQSMGwo -> click on the row and check the css tab -> https://i.imgur.com/mxJokHA.jpg

Hope this will help you!
Thank you!

Hello !

You can use this CSS code : .td-scroll-up-visible {
display:none;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

I hope this was helpful !

Thank you !

Hi,

These colors can be set only on flex blocks, like this -> https://i.imgur.com/Pyzsgtv.png on blocks this can be achieve only with custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this will help you!
Thank you!

Hi,

For this you can use a custom css to set the height
body{
margin-top: -30px;
}
The code need to be set in theme panel> custom code> custom css
If the code is not apply right, please provide me a link to your website to can create a better code.

Thank you!

Hi,

Unfortunately the color on the underline under the titles is set in the class set in theme panel -> https://i.imgur.com/S8oCGl1.png so in order to change it to another color you need to use a custom css to target that class, something like this -> https://i.imgur.com/mauzKEy.png
.td-newsmag-voice .td-pb-span12 .td_block_template_1 .block-title span:after {
background-color: red;
}
.td-newsmag-voice .td-pb-span4 .td_block_template_1 .block-title span:after {
background-color: green;
}
The code need to be set in theme panel> custom code> custom css

Hope this will help you!
Thank you!