Search Results for 'css'

Hi,

For this you can try this custom css -> https://i.imgur.com/EQEwknZ.png
.page-nav a {
width: 200px!important;
font-size: 16px;
margin: 0;
padding: 16px 48px;
color: #fff;
background-color: orange;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}

Thank you!

Hi,

Once that the header is set fixed, the header an page/post content starts from the same point and the header be over the content.
For this you can use a custom css like this one ->
.tdc-content-wrap {
margin-top: 256px;
}
You need to adjust the number of px after your header, also the code need to be set in theme panel > custom code> custom css.

Thank you!

Indeed there is an issue on Internet explorer + Flex Blocks, the IE do not recognize the flex css parameter.
Please try this code:
[class*="ie"] .td-module-container {
display: block;
}
[class*="ie"] .td-image-container {
height: auto;
flex: initial;
}

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

Hope this will help you!
Thank you!

Hello !

Here is the css: .td-what .td_block_template_1 .td-related-title {
text-align: center;

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

I hope this was helpful !

Thank you !

Hi,

1. If you want to use WP Bakery you can use it as long you do not activate the tagDiv Cloud Library, you can use only one of theme with tagDiv Composer.

2. The website was mad using that builder ? if yes and after update the content was no longer available in the builder, then is possible to have an old version of the plugin and the new theme update will no longer recognize it.

3. TagDiv Composer is the theme builder, all the features from the theme are set in tagDiv Composer and tagDiv Cloud Library, that’s way we recommend to use tagDiv Composer for pages and templates.

4. Usually when is look like that, there is a plugin that is no longer enable, and will be display the shortcodes for it, or when that tagDiv Composer can not interpret the code. I think in this case is the second one.

5. Using tagDiv Composer you have more option to customize the flex blocks and other elements, but if you want to add some css then you need to set it in theme panel -> https://i.imgur.com/1vemXtV.png, indeed you can set the css like this -> https://i.imgur.com/uKYC5SH.png or -> https://i.imgur.com/LY92rlI.png

Thank you!

Hi,

Using the responsive version the mobile will look like this -> https://i.imgur.com/uhVFpw0.png if you want to to change the color for the mobile theme plugin, then you need to apply this custom css:
#td-outer-wrap {
background-color: #1a1a1a;
}
.td_module_mob_1 .entry-title a, h1, h2, h3, h4, h5, h6, .post *, .comments > * {
color: #fff!important;
}
.td_module_mob_1 .td-post-date {
color: #bcbcbc;
}
-> https://i.imgur.com/AGwsB8d.png
The code need to be set in theme panel > mobile theme > custom code > css

Thank you!

Hello !

This issue should not happen. So a CSS fix is not necessary.

Please contact us via email at contact@tagdiv.com and provide the following:

– admin url and credentials
– cPanel url and credentials
– A link to this topic in order to identify you

Our team will take a look !

Thank you

Hi,

The social sharing are look different in mobile version, because you are using the mobile theme plugin, if you disable it the layout will be the same with the one from the desktop. Also you can keep the mobile theme plugin and use a custom css like this one -> https://i.imgur.com/M3TST1s.png
.td-social-sharing-button{
color: #000;
background: #fff;
border: 1px solid #e9e9e9;
}
The code need to be set in them panel > mobile theme > custom code > css.

Hope this will help you!
Thank you!

Hi,

Please replace the above custom css with this one:
.home .td-header-style-9 .td-header-sp-logo {
display: block;
}
.td-header-style-9 .td-header-sp-logo{
display: none;
}

Hope this will work better!
Thank you!

Hi,

I just checked your website again, and you are using a classic demo, for this the social networks can be set only from theme pane -> https://i.imgur.com/Bb9y0jE.png what you can do is to use a cloud header and from tagDiv Cloud Library and edit it with tagDiv Composer, also what exactly do you want to achieve maybe I can help you with a custom css and you do not need to change the header.
We can provide support only on emails and forum.

Thank you for your understanding!

Hello !

Please note that if you’re using custom css you will have to add the page id in it too so you will exclude the content only from the specific pages: https://www.screencast.com/t/VTClhS2g

Thank you !

Hi,

Please notice that the mobile theme is a separate design/theme for mobiles, if you want to have the settings from desktop on mobile, you can use the responsive version or use the option from mobile theme to display only the posts/pages that you want to have the responsive version -> https://forum.tagdiv.com/the-mobile-theme/

1. Indeed there is no option for this. But all these can be done use a custom css like this one ->
.td-module-meta-info .td-post-views, .author-box-wrap, .td-post-sharing-classic {
display: none;
}
This one need to be set in theme panel> mobile theme > custom code> css -> https://i.imgur.com/fFKktol.png

2-3. Mobile theme is compatible with cloud templates, but you need to understand that mobile theme is a separate.

4. We’ll think about this suggestion, for the moment the you can set in theme panel cloud templates as general clouds is enough to edit them and will apply on the whole website.

5. The smart list need to be set as in this documentation -> https://forum.tagdiv.com/smart-lists/ and you apply on the post the smart list from cloud you like.

Thank you for your understanding!

Hi,

There are some elements in theme panel that will apply generally, like css, analytics etc, also you can set cloud template in theme panel for posts, categories etc, also if you are using a standard demo, then you need the settings from theme panel to edit the website.

Thank you!

Hello !

For that you can use this css code: .td-black .td-main-content-wrap {
background-color: red;
}

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

I hope this was helpful !

Thank you !

Hi,

That option will reflect the in post cont in your website too, not only on backend.
If you want to increase the width only on backend Gutenberg editor, then you can do it only from theme file -> https://i.imgur.com/JEN6Q1d.png -> wp-content/themes/Newspaper/gutenberg-editor.css

Thank you!

Hi,

1. Is possible to use a demo that do not have set the socials from theme panel, these are set using tagDiv Composer, for this you need to edit the page/template click on the social and edit them.
https://i.imgur.com/FffBgaQ.png/templates -> https://i.imgur.com/DaDNH1f.png -> https://i.imgur.com/ZO4ota8.png

But if you are using the classic demo the social should be set from theme panel -> https://i.imgur.com/fsu0WNJ.png -> https://i.imgur.com/dflLYPh.png -> https://i.imgur.com/tEeI6qn.png

2. This demo is an very old demo and it have set some custom css that is quite strong, therefore there are some settings in theme panel that will not apply, as header background colors on some elements can be change only using custom css.

Thank you!