Search Results for 'css'

Hello,

Notice that you can only change or adjust the Size & Style for the modules which compose the Big Grids and Blocks, from here -> https://www.screencast.com/t/4Z8jJyX9d3MR If you want to change anything else, notice that you can do it only via such a bit of custom CSS code. For more information about how you can know what kind of module is used for Big Grids or Blocks, please check here -> https://forum.tagdiv.com/theme-thumbs/

Hope this helps!

Thanks for your understanding!

Hi,

Something is not functioning properly on the post page. When a background is set the theme will transform the website into the boxed version in order to display the background color or image. That is not happening on that post page. This could happen due to customization maybe through a child theme or custom code.
I could give you a code as a quick fix to resolve the situation
– https://www.screencast.com/t/k8DlD08rhNM
Enter it in Theme panel->Adcanced CSS in the desktop section, so it applies only for desktop

.td-boxed-layout .td-main-content-wrap {
width: 1164px;
margin-left: auto;
margin-right: auto;
}

Thanks

Hello,

You can try using the code below and place it in Theme panel -> Custom CSS area,

The code is ->

.td-footer-wrapper div .td_block_template_4 .td-block-title > * {
background-color: blue;
}
.td-footer-wrapper div .td_block_template_4 .td-block-title > *:before {
border-color: blue transparent transparent transparent;
}

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

Thanks.

Hi,

That could be done with some CSS. Something like this for example
– https://www.screencast.com/t/k3HrdtngYJ

.td-header-style-3 .td-header-menu-wrap-full {
background-color: #151515!important;
}

Thanks

Hi,

1. I don’t think I fully understand what you mean by name pages. If you could provide more details or some examples it would be very helpful.

2. The mobile theme does not have many settings and options, for the purpose of being faster and. It is meant to provide a simpler version of the website, that would be optimal for mobile devices. It is also optional, not required.
The breadcrumbs on mobile are related to the desktop settings. If they are enabled on desktop, they will be present on mobile as well.
If you would like to remove on mobile only, you could use some CSS. A code like this entered in Theme panel->Mobile theme->Custom CSS should remove the breadcrumbs from all mobile pages
– https://www.screencast.com/t/WhWj0aDEV
– https://www.screencast.com/t/VJl1Yc6F

.entry-crumbs {
display: none;
}

3. The category template 3 seems to be loaded from what I can tell. If you mean the category tag color, make sure each category has a color set in the per category settings
– https://www.screencast.com/t/ewVJaotL
The category tags will appear at all times, not randomly. At the moment they are displaying on that category page
– https://www.screencast.com/t/4hL1yxWjI7I

4. That drop-down cannot be disabled, there is no option for that at the moment. It is a complex and automatic process that calculates the number of categories that are displayed, in the theme javascript file.

5. The theme will style the paragraph containing the category descriptions, by default. At the moment there are no specific options for this, there might be in future updates.
You could style them differently with CSS for example like this, or how you like them to be
– https://www.screencast.com/t/9NpLGqKUvEQF

.td-category-description p {
font-family: Merriweather,'Open Sans',arial,sans-serif;
font-style: normal;
color: black;
}

Thanks

Hi,

The ads will be displayed on all posts, when entered in the theme panel. The theme does not have preferential options to display article ads.
What you can try is to use a plugin such as Adrotate to implement the ads on the website. I believe this plugin has options like you mention, and also works properly with the theme based on positive user feedback.
The sharing can only be disabled or enabled for all the posts as well. However the post sharing could be removed with some CSS based on the post IDs or by category perhaps. If you could provide a link to such a post, I will try to give you a solution.

Thanks

Hi,

That color could be changed with some CSS, however you will have to set a background maybe for the social counter elements in order to see the information. This is how style 9 would look with the code
– https://www.screencast.com/t/nfBE8UTqaF
And style 3
– https://www.screencast.com/t/4kcl0c0Qmsb
The code must be entered in Theme panel->Custom CSS section

.td_social_info {
color: #fff;
}

If you would like the “Like/Follow” to be white text as well in style 3, the code is like this
– https://www.screencast.com/t/rEimbRRcenW9

.td-social-box,
.td-social-style3 .td_social_type a {
color: #fff;
}

Thanks

Hi,

This code will remove the author name and date for that grid only
– https://www.screencast.com/t/mhL1CXit
Enter it in Theme panel->Custom CSS section

.td_block_big_grid_4 .td-post-author-name,
.td_block_big_grid_4 .td-post-date {
display: none;
}

Thanks

Hi,

I have inspected your website and I saw that you have white color for your title blocks when you hover over it and that’s why you cannot see anything. Try using the code below and place it or replace it with the code below in Theme panel -> Custom CSS area.

The code is ->

.td_module_wrap:hover .entry-title a{
color:red;
}

The result -> https://www.screencast.com/t/07VdZOXgW3k

Thanks for your understanding!

Hi,

That is the ajax filter on a block and the tabs Visual composer element, they are not related and do not supposed to display the same. You could inspect the tabs and the filter and see what CSS each one uses, maybe style the tabs differently. Something like this example maybe
– https://www.screencast.com/t/eDyd9mVO
This the code used in the example if it is useful to you

.vc_tta-title-text {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #777;
line-height: 1;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab>a {
border: none!important;
background: transparent!important;
}
.vc_tta-tab.vc_active span {
color: #4db2ec!important;
}

Thanks

Hi,

The website is in construction, I cannot inspect it at the moment. It could be caching, try clearing any installed cache. The social counter is supposed to display the counts. If you do not need it, simply remove it from the page.
Or maybe use a code like this in Theme panel->Custom CSS to remove the counts, the result would be like this
– https://www.screencast.com/t/Y7Wpm6Zk

.td_social_info {
display: none;
}

Thanks

Hi,

If you mean the block title, the background color and text color can be customized for each block as you like, by editing the page with the composer
– https://www.screencast.com/t/fio3VpC2gw2
If you mean the post titles in these blocks, you could use a code like this to change the text color just for them
– https://www.screencast.com/t/QoLbKm0cIL
This is the code used, it must be entered in Theme panel->Custom CSS if you will use it

.td_block_3 h3 > a,
.td_block_12 h3 > a {
color: yellow;
}

Thanks

Hello barronlau,

I have inspected your website and I saw that you have different layouts in this regard. This behavior could happen due to using some untested plugins which can interact with the theme core files and which can cause such unknown issues. Also, I saw that it applies a CSS which I cannot identify from where come from, as you can see here -> https://www.screencast.com/t/dENNpUIdCM which breaks the layout. I recommend you to make a new clean install from scratch via FTP way and try using only the WPML with Woocommerce without any untested plugins and some CSS minification to exclude any conflicts. Clear all the caches and check the results.

Hope this helps!

Thanks for your understanding!

Hi,

Please enter this code in Theme panel->Custom CSS section and the issue should be fixed
– https://www.screencast.com/t/N9bpULeU0

.td_block_list_menu .td-element-style {
z-index:-1;
}

There is an issue with the background application on some page builder elements, this will be fixed in the future update. Sorry for any inconvenience caused. Let us know if there still is a problem.

Thanks

Hello swapnilsudhir47,

Unfortunately, please notice that our theme does not support any full-width page and that’s why you cannot achieve this, sorry!
Our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.

Thanks for your understanding!