Search Results for 'css'

Hi,

Please read this tutorial about setting your logo in different header styles – https://forum.tagdiv.com/logo-favicon/
I’m assuming you want the categories to have a different bakground color, you can use this code, enter it in Theme panel->Custom Css. It will change them everywhere a category is displayed if that is what you want, unless you can be more specific (change the color to what you want)

.td-post-category {
background-color: blue!important;
}

Result – https://www.screencast.com/t/XOj7nHnd
Thanks

Hi,

I edited and removed your password from the first post. Of course you can use a child theme, just make sure you update it to the latest version along with the theme updates and also you can disable it if something goes wrong. For minor customizations you can use the Custom Css section in the Theme panel. More about the child theme if you want to read here – https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks

Hello matthijs,

Unfortunately, our theme does not have any such an option that allows you to change a background color only for post pages, sorry! You should use a bit of CSS code if you want to do this. Try the code below and lace it in Theme panel->Cusotm CSS Area.

.single .td-main-content-wrap, .td-post-content{
background-color:green;
}
.single .type-post{
background-color:green;
}

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

Thanks for your understanding!

Hi,

I have entered the css code and it’s working properly as you can see on your website. I have edited your previous comment and removed your login details from the topic because this is a public forum for everyone to see.

Thanks

Hello indro,

1,2)If you want to make these changes you should use the code below and place it in Theme panel->Cusotm CSS area.

.td_block_big_grid_4 .td-big-grid-post-1 .td-module-title a{
color:brown!important;
font-size:25px!important;
font-family:Arial!important;
}
.td_block_slide .td-module-title a{
color:green!important;
font-size:35px!important;
font-family:Arial!important
}

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

3)If you want to target only the first thumb of these modules, you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-big-grid-post-0 .td-module-title a{
color:brown!important;
font-size:25px!important;
font-family:Arial!important;
}

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

Also, notice that the font family should have to be loaded in your theme from Theme panel if you want to display it on your side.

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks for your understanding!

Hi,

The simplest way to do it would be to hide it with css, using something like this so it only removes it only in the homepage, try this code – enter it in Theme panel->Custom Css, after you have set a header ad

.home .td-header-rec-wrap {
display: none!important;
}

You can add more ad boxes containing custom ads in the sidebar – https://www.screencast.com/t/cT48eTVsAuD – https://www.screencast.com/t/IUy6J9PI – https://www.screencast.com/t/2YyZmVwHo and then use thatsidebar in your category by setting it here – https://www.screencast.com/t/Tp4EHNxhcZ – https://www.screencast.com/t/yWJePXTvj
Hope this helps

Thanks

Hello rsuereth,

Please ensure that you are using the latest version of the theme and also, the required plugin versions which come bundled with the theme packet. The Social Counter is fully tested with the theme and it seems to work as properly with it if it was properly setup according to our documentation here -> https://forum.tagdiv.com/tagdiv-social-counter-tutorial-2/ Try to clear all your caches, purge CDN files if you are using the CDN system and check the results.
If you want to change the color of your weather widget, you should use a bit of CSS code to do this because the theme does not have any such an option for this, sorry! Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-weather-degrees-wrap {
color: red;
}
.td-weather-now{
color:red;
}

The results here -> https://www.screencast.com/t/NimPC3oWK

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks.

Hello,

It seems you are using spans with inline css that affects the paragraphs. Please only use p tags and be mindful of any inline css added directly to the content using html:
https://www.screencast.com/t/ZqsvVv6pjs3
Access your post in text mode and check for any html code and css rules.

Thanks.

Hi,

Try this code, remove the previous one and enter this one in Theme panel->Custom Css

@media (min-width: 1140px) {
#td-header-menu .menu-item-5976 .sub-menu .sub-menu {
width: 610px!important;
}
#td-header-menu .menu-item-5976 .sub-menu .sub-menu li:nth-child(n+2) {
width: 50%!important;
}
}

Result – https://www.screencast.com/t/BcZO3vesLwd
Thanks

Hello,

You may still have caching enabled from the server side. A cache is a must have on any server otherwise you will overload the server with requests. In most cases the hosting company offers a server-side cache just for such cases where a cache plugin is not used, in order to keep server requests to a minimum.
You can use css in the theme panel in the custom css box. You do not need a child theme to add a few css rules.

Thank you!

Hello,

Unfortunately you will have to use another tool for this if you do not know how to find the js and css for the mobile theme. Speedbooster was created to be used with the desktop version of the theme, not the mobile theme.
Speedbooster is for advanced users only and requires coding skills to be used properly. If you cannot find the js and css we suggest using another optimization tool or hiring a freelancer to help out as page speed optimization is not part of the theme support.

Thank you!

Hi,

This could be happening because of overlapping css styles, if you are using a child theme please disable it and see what happens. If that does not work try disabling all the plugins except Visual composer and also check any custom code you might have entered in Theme panel->Custom Css.

Thanks

Hello,

You can hide the background for tabled and < using this code:

@media (max-width:1140px){
.backstretch{
opacity:0!important;
}}

Add the code in the theme panel-> custom css box.

Thank you!

Hello Lewis,

Unfortunately, our theme does not have any such an option that allows you to change the theme layout for mobile and tablet mode, sorry! As you can see and known, our theme has been designed to be responsive using the breakpoints method with @media queries. So, if want to rule out this behavior, you should check the style.css and you should try to remove all of these rules. Notice that is not a simple task and our style.css core files contain a lot of code and if you are not aware of the changes which you want to do in this regard, you can damage the theme layout, sorry! If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message and for your understanding!

Hi,

1. Try this code, enter it in Theme panel->Custom Css

.td-header-style-10 .td-header-top-menu-full {
border-top: 4px solid #009688;
}
.td-header-style-10 .td-header-gradient::before {
height: 4px;
position: absolute;
bottom: 0;
background-color: #009688;
}

Result – https://www.screencast.com/t/qhd6Hsf96n

2. You can use this code for the space between the menu and slider

.td-main-page-wrap {
padding-top: 0;
}

Result with the previous code and this one – https://www.screencast.com/t/ntnXouH1qiGm
Please let me know if this works for you.

Thanks

Hello rex97,

Here -> https://www.screencast.com/t/IH2DVJX7L you should add your custom CSS code. The code you should create it yourself because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hi,

Use this code for the slide leaving the rest unmodified, enter it in Theme panel->Custom Css

.td_block_slide .td-module-meta-info .td-post-author-name a {
color: white!important;
}

Thanks

Hi,

It seems you have managed to set a background image on the header, you could try this code instead if you want to, just enter it in Theme panel->Custom Css

.td-header-style-5 .td-header-menu-wrap {
background: url("http://staging.nguoi-viet.com/wp-content/themes/Newspaper/images/Banner-Xuan-NV.png");
}

Result – https://www.screencast.com/t/CaxeIMfh

Thanks