Search Results for 'css'

Hi,

Please try this custom css
.td-header-style-7 .td-header-sp-logo {
margin-right: 0px!important;
}
Set the code in Newspaper>theme panel>Custom code>Custom css
Let me know how it works!

Thank you!

Hi,

Try this custom css:
.home .td_block_text_with_title,
.home .td_block_text_with_title p {
margin-bottom: 0px!important;

}
.home .td_block_text_with_title p{
line-height: 0 0!important;
}
Set the coed in Newspaper>theme panel>Custom code>Advance section phones

Thank you!

Hi,

Unfortunately, the theme does not have any such an option for it, sorry! Another alternative for you would be to hide it with a bit of CSS code. You can provide your website URL and specify where exaclty you want to hide the date so I will be able to provide a more accurate code.

Thank you!

Hello,
Try this custom css code:

.td_block_social_counter .td_social_info{
display:none!important;;
}

Thank you!

Hi,

I think that you are referring to the pagination of Latest articles from the Homepage.
Most of them can be achieve using some custom css, please provide me a link were I can inspect this and provide you the css.

Thank you!

Hello,

Please read this guide to learn how to use the block settings: https://forum.tagdiv.com/block-settings-guide/
The css tab offers a css box model you can use to add borders.
You can use a different row layout to have content on 2 columns as mentioned in the same guide above.

Thank you!

Hi,

If you want to change the color of the Subtitle section, you need to use the code below and place it in Theme panel -> Cusotm CSS area.

The code is ->

.td-post-sub-title {
color: red;
}

Thank you!

Hi,

Try the code below and place it in Theme panel -> Cusotm CSS area.

.td_block_template_1 .block-title {
text-align: center;
}

The result is here -> https://www.screencast.com/t/sGj9zBHbRT

Thank you!

Hi,

Please try this custom css
.td-pb-article-list .page-nav a:first-child,
.td-pb-article-list .page-nav a:nth-last-child(3) {
display: none;
}
Hope this will help you!
Thanks.

Hi,

Usually this is happen if you are using a RTL language.
Please provide me a link were I can inspect this problem, in this way I will be able to provide you a custom css that will set the icons in the right place.

Thank you for your understanding!

Hi,

If you are referring to the caption of image you can use this custom css to make theme to have the same size ->https://www.screencast.com/t/HVkMqNFxZ
.wpb_wrapper .tdb-caption-text,
.wpb_wrapper .caption-text {
font-size: 11px;
font-style: italic;
}

Thank you!

Hi,

Try the code below and place it in Theme panel -> Custom CSS area.

.td-header-style-8 .td-header-sp-recs{
margin:0!important;
}

The result is here -> https://www.screencast.com/t/HRw96B7Cg

Thank you!

Hi,

For this you’ll need to use a custom css like this one -> https://www.screencast.com/t/699DZ2a5w
.td-footer-wrapper .footer-text-wrap .footer-email-wrap a{
color: white;
}
.td-footer-wrapper .footer-text-wrap .footer-email-wrap a:hover{
color: red;
}
Feel free to change the colors from the code.

Hope this will help you to achieve what you need.
Thanks.

Hi,

If you want to remove that padding, please check the code below and place it in Theme panel -> Custom CSS area.

.td-container{
width:100%;
}

The result is here -> https://www.screencast.com/t/3RMI9vhvtlD

Thank you!

Hi,

You can ad that code in Newspaper>Theme panel>Custom code>Custom css.
Also you can set this option directly on that block with tagDiv Composer -> https://www.screencast.com/t/pIKoAiPKb on title over image.

Thank you!

Hi,

You can try this custom css
.woocommerce ul.products li.product a img {
margin-left: auto;
margin-right: auto;
text-align: center;
}
Also please check this documentation for Shortcodes included with WooCommerce -> https://docs.woocommerce.com/document/woocommerce-shortcodes/

Thank you!

Hi,

Those are some category siblings and those can not be sorted, sorry if you want to hide them all you can use a custom css
.td-category-siblings .entry-category {
display: none;
}

Thank you for your understanding!

Hi,

If you want to disable the header and the footer only for that page, you need to use the code below and place it in Theme panel -> Cusotm CSS area.

The code is ->

.page-id-3078 .td-footer-container, .page-id-3078 .td-sub-footer-container, .page-id-3078 .td-header-wrap {
display:none;
}

The result is here -> https://www.screencast.com/t/Z21s15Oi2s

Thank you!

Hi,

Please set this code in Newspaper>Theme panel> Mobile theme > Custom code>Css too
-> https://www.screencast.com/t/7FGPy4FWV
#td-mobile-nav {
position: fixed;
}

This will fix the menu on mobile.
Thanks.