Search Results for 'css'

Hi,

The code is no longer apply because you change the header style from style 4 to 9, for this you need to use this custom css
.home .td-header-style-9 .td-header-sp-logo .td-logo {
display: block;
}
.home .td-header-style-9 .td-header-sp-logo .td-logo {
display: none;
}
The code need to be set in Theme Panel> Custom code> Custom css

Thank you!

Hi,

If the code is set with tagDiv Composer, then you can hide it from css tag -> https://i.imgur.com/a95Wj2G.jpg (this is the same for all elements) and display it on mobile like this -> https://i.imgur.com/oxgQVwK.png if the code is set in a different way, than it can be achieved using custom css.

Thank you!

Hi,

Unfortunately there is no setting for this, this can be achieved only with custom css, please try this code
h5 {
background-color:#FFFF00;
}
The code need to be set in theme panel> custom code> custom css
If the code is not apply, please provide me a link to your website and I will provide a better css.

Thank you!

Hi,

Please try not to reply multiple times in the topic if possible, this will only delay our response. Replying multiple times will refresh the topic date and move it to the back of the line, we answer from oldest to newest

Please try this custom css -> https://i.imgur.com/vV6mucH.png
body .post .wp-block-image.is-resized{
padding: 5px;
border: 1px solid gray;
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption {
display: block;
}
Set the code -> https://i.imgur.com/EsHvdMG.png
For amp set the code in theme panel> mobile theme > custom code css -> https://i.imgur.com/Kce5viu.png

Thank you!

Hi,

1. For this you need to use a custom css like this one -> https://i.imgur.com/p6FaXAV.png
.td_flex_block_1 .td_module_flex_1 .td-module-title::after {
content: "";
display: block;
width: 50%;
margin: 8px auto;
border-bottom: 2px solid gray;
}
The code need to be set in theme panel> custom code> custom css

2. You can filter the post from here -> https://i.imgur.com/cez4dxC.jpg and you’ll display only posts from featured category -> https://i.imgur.com/O6kvczh.png

Thank you!

Hi,

You can remove that empty tag using this custom css
.tdb_single_tags ul li:first-child{
display: none;
}
This will remove all the first tags from your website.

For me the modules seems to be quite the same, but if you want to apply the code only on that page, then you can use this css
.postid-1325 .td_module_wrap.td-meta-info-hide .td-module-meta-info {
min-height: 1px;
margin-top: -4px;
height: 170px;}
and the code will apply only on this post https://kopenhagenkonsulting.com/case-project-execution/

The code set in live css box will work as the one set in theme panel (it will be apply on all website, not only in the current page).

Thank you!

Hi,

Indeed the code will not apply on this post, because the button style is different and you need a different css lass to apply on it, for this you can use this custom css
.post .wp-block-button.td_btn_large .wp-block-button__link {
font-weight: 500;
}
.post .wp-block-button.td_btn_large a:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: #dff1ed!important;
}

Thank you!

Hi,

Yes, you can use a custom css for this -> https://i.imgur.com/prhZld3.jpg
.single-product.td-boxed-layout .td-container-wrap {
padding-top: 48px;
}
The code need to be set in theme panel> custom code> custom css

hope this will help you!
Thank you!

Hi,

What you can do to solve the problem is to use a custom css to hide the share from the footer page
.td-footer-page .sd-sharing-enabled{
display: none;
}
The code need to be set in theme panel > custom code> custom css
Or
You can change the footer page to a default footer -> https://i.imgur.com/Yp3oZ0p.png -> https://forum.tagdiv.com/footer-templates/

Thank you!

Hello !

Yes, you can hide them as you can see here: https://www.screencast.com/t/tDar4330NbM Select the viewport and set the hidden mode in CSS tab.

Thank you !

Hi,

In order to remove that line from post editor you need to go in wp-content>themes>Newsmag>editor-style.css
-> https://www.screencast.com/t/dM52p01U

Please check this similar topic bout how to remove the sidebar from post editor -> https://forum.tagdiv.com/topic/sidebar-on-visual-editor/

Thank you!