Search Results for 'css'

Hello,

CSS works in cascades so when there are more then 1 rewrite of the same color, you will be able to see each change happen especial if your connection is slow. If you load a theme demo that changes the colors that is one rewire and if you change the colors again that would be the second one and already you will be able to see the changes happen on page loading. That is the way css works and there is little to be done about it unfortunately. You can make the changes directly in style.css but you will have to re-add them on each update.

Thank you!

Hello NewBuffaloTimes,

If you want to disable one specific author box for a specific page, you should use a bit of CSS code with the certain post page ID, like this -> https://www.screencast.com/t/hV9Yvuc1GxQE

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

Thanks for the message!

Hello dheerhuis,

If you want to increase the font size, you should use a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

.widget_categories a{
font-size:15px!important;
}

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

Thanks for the message!

Hi,

Thank you Edward, indeed that will work but it would apply to all the single post pages too so if you would want to hide it only on the homepage post you can use this custom css code, enter it in Theme panel->Custom Css

.homepage-post .td-post-template-8 .td-post-title .td-post-views {
display: none;
}

Thanks

Hi,

You could remove the view count on the homepage post using this code, just enter it in Theme panel->Custom Css

.homepage-post .td-post-template-8 .td-post-title .td-post-views {
display: none;
}

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

Hi,

From what I can see you are using a plugin to create the table, this may cause problems displaying the table because the plugin could be conflicting with the theme in some regard. A default HTML table – http://www.w3schools.com/html/html_tables.asp would work just fine with the theme responsiveness. In this case the plugin uses a class that sets a min-width property on the table cells – https://www.screencast.com/t/TZfO80GDtN resulting in a bigger table width then the space available and a overflow property – https://www.screencast.com/t/xGLwpURcswM You can try to identify where this min-width is set in the plugin’s style and lower that value, or try adjusting it with custom css using something like this in Theme panel->Custom Css

.td-post-content .wpsm-comptable td {
min-width: 98px;
}

Result with code added – https://www.screencast.com/t/YjTwihrRH
Thanks

Hello,

Unfortunately if the URL is too big it will overflow. Please use this code in the theme panel-> custom css:
.td-author-url{
overflow:auto!important;
}

Thank you!

Hello boersma,

There is no problem in our TagDiv Gallery. Notice that is the look and design for this feature and if you want to change it, you should use a custom CSS like in the above example. I do not understand why you said that there is a problem because it does not exist it.

Thanks for your understanding!

Hi,

Maybe the custom code doesn’t apply for some reason if you tried it in Theme panel->Custom Css without any effect or it is not properly made. It would be helpful if you could provide a link to your website if possible and detailed information about what exactly you want to change for a more accurate solution.

Thanks

Hi,

1. There is a margin bottom set on category tag displayed above the title in the big grids – https://www.screencast.com/t/KDHDppLkL You could remove it if you want with custom css on a specific big grid or just one of the modules contained in that grid – https://www.screencast.com/t/1WwnFwMPn6vB using a code like this, then enter it in Theme panel->Custom Css

.td-big-grid-post .td-post-category {
margin: 0;
}

2. The background color could be changed with css also, using a code like this (depending on the big grid you use) – https://www.screencast.com/t/uMp0LjYxl

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

3. That depends on the big grid used, for example Big grid 9 has a margin-right property of 3px – https://www.screencast.com/t/4tn8HKXO for each of the module thumbs except the last one.

4. That shadow can be removed on the Grid style 1 (default) – https://www.screencast.com/t/7EvvFcBa using this code

.td-grid-style-1.td-hover-1
.td-module-thumb a:last-child:before {
display: none;
}

Result – https://www.screencast.com/t/zcU4uusiWh0
Also here is a tutorial about how you can use your browser inspector to find elements on the page and how to customize them – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

The only solution to this at the present time would be to use this custom css code that will reduce the padding left/right and the inner padding between the menu items, also the width of the search icon, enter it in Theme panel->Custom Css

.td-header-style-10 .td-header-main-menu {
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 1018px) and (min-width: 768px) {
.sf-menu > li > a {
padding: 0px 5px;
}
.header-search-wrap .td-icon-search {
width: 24px;
}}

This is the result with the code, at the lowest width before the mobile toggle appears – https://www.screencast.com/t/zdbidTmCW
However if you add more menu items in the header menu, this will probably not work anymore because there will be no way to display more items in that amount of space that is available.

Thanks

Hi,

Hi,

Please check in Theme panel->Theme colors maybe there is a white color set on the menu items – https://www.screencast.com/t/ULSvYTlY creating this result or any custom css code you might have added in the theme or using in other way. Also you could try disabling all the plugins except Visual composer, clear the cache and see if the problem is still present.

Thanks

Hello roqeem,

You should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-image-gradient:before{
display:none;
}

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

Thanks.

Hello newsmaguser,

If you want to make these changes, you should use the code below and place it in Theme panel->Custom CSS area. The code is ->

.td-post-content p{
font-size: 20px;
}
.td-post-content blockquote p{
color:red!important;
}

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

Thanks for the message!