Search Results for 'css'

Hello saucemonsters,

I have inspected your website and I saw that you are using the module 3 to display your posts in Trending Now section of your right sidebar. If you want to hide the date from their location, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.td-grid-style-1 .td-post-date{
display:none;
}
.td-ss-main-sidebar .td_module_3 .td-post-date{
display:none;
}

Thanks for your understanding!

Hello,

You can add such a border by using a css code. please add this code to your theme panel-> custom css box:
.td-header-menu-wrap{
border-bottom: 8px solid orange
}

Thank you!

Hi,

That means you use probably use speedbooster and have the css moved to the footer to improve page speed. Css will provide this effect. Please add the code in style.css at the very bottom of the file to have it not blink.

Thanks.

Hello WakeUpCallProject,

If you want to make this container to be darker, you should apply a background-color with opacity (RGBa) on this container. For more information about how this can be done, please consult here -> https://www.w3schools.com/cssref/tryit.asp?filename=trycss_color_rgba

Thanks for your understanding!

Hi,

I have inspected your website and it seems to be displaying the mobile theme at the moment on some pages
– https://www.screencast.com/t/rbuoWYCv
In previous topics related to this problem usually it was a caching plugin to blame. Please try and disable the plugin and check to see if the problem is fixed. Also update all the plugins provided with the theme, from the theme package – https://forum.tagdiv.com/how-to-update-visual-composer-plugin/
It is recommended to use WP Super Cache for best results, with the settings mentioned in this guide
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
For the Big Grids you could use a code like this, and change the values how you want
– https://www.screencast.com/t/cC81UruuCFsX
This is the code used, you must enter it in Theme panel->Custom Css

.td_module_mx19 .td-module-title a,
.td_module_mx20 .td-module-title a{
font-size: 30px;
line-height: 30px;
font-weight: bold;
}

Thanks

Hi,

I see what you are referring to. This seems to be caused by a link present in the post content
– https://www.screencast.com/t/0xwQLtfkS
– https://www.screencast.com/t/Y59RAhVJ0kKJ
Please try the code provided below, and it should make the link display properly on mobile
– https://www.screencast.com/t/Q0AcnwH1

.single .td-post-content p a {
word-break: break-word;
}

The code must be entered in Theme panel->Mobile theme->Custom Css
– https://www.screencast.com/t/wdf5eaLR
Please let me know if this is a working solution for you.

Thanks

Hello,

If you want to remove the search on the mobile menu you can simply use a css code to remove it.
Add this code in the theme panle-> custom css box:
@media(max-width:767px){
.header-search-wrap{
display:none;
}}

If you use the mobile theme plugin you must add the co0de in the mobile theme section (the very last menu in the theme panel)

Thank you!

Hello WakeUpCallProject,

I have inspected your website and I saw that you are using the Big Grid 4 for your top of the homepage. If you want to display in full width the text of your meta info container, you should use a bit of CSS and make this container to be 100%.

The code is ->

.td-grid-style-1 .td-big-thumb .td-big-grid-meta {
width: 100%;
}

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

Thanks for your understanding!

Hi,

You can try the tool provided in this topic to compile your files
– https://forum.tagdiv.com/topic/tool-to-compile-css/

Thanks

Hello,

you probably altered a line height attribute in your custom css. Please check for any line height change in your code or in the theme panel-> fonts section.

Thank you!

Hello,
You can center the menu items on header style 12 by using this css code in your theme panel-> custom css box:
.sf-menu{
margin-left: auto;
margin-right: auto;
display: table;
}

Thank you!

Hello,

Please add this css to your theme panel->custom css box:

.td-image-gradient-style8:after{
display:none;
}
.td-post-template-8 .td-post-header{
background-color:transparent;
}

Thank you!

Hello Imagineer,

It seems that your style.css do not apply to your website. I suggest you make a new fresh install from scratch via FTP way because this is the surest method in this regard.

Thanks for the message!