Search Results for 'css'

Hello ashishmahajan1,

First of all, please check your system status and check if your Speed Booster is active, as you can see here -> https://www.screencast.com/t/sGQtzFvO It is possible to be disabled if you are using some untested plugins with the theme. In this case, the Speed booster will be automatically disabled.

The Speed Booster is an optional plugin, and it works only with the tested plugins.If you use other plugins, it will be automatically disabled, and I suggest to check this first in System Status. However there is a workaround to make it also work with other plugins, you can read more here – https://forum.tagdiv.com/topic/speed-booster-not-compatible-with-vaultpress/

After you have ensured that this plugin works, you will have to check if this will move the style.css on the footer (check the source page and see how it works -enable it and check the results and then disable it and check the results). By default, this plugin will have to move to the footer the style.css and other render blocking. So, if it will work, it means that should have to work and for your instructions. Also, ensure that you have used the right ID’s in your want to see the good results.

Notice that we cannot provide optimization services and also, we can point you in the right direction through some suggestions. You should do it yourself all of these tasks. Otherwise, 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!

Hope this helps!

Thanks for your understanding!

Hi,

You can try this code, just enter it in Theme panel->Custom Css

.td_block_9 .td_module_8 {
border-bottom: none;
}
.td_block_9 .td_module_8 .entry-title {
margin-bottom: 0;
}

Before – https://www.screencast.com/t/FHEHFGRSXJj
After – https://www.screencast.com/t/3KyVQwJCl
If this does not work for you please provide a link to your website for a more accurate solution.

Thanks

Hello iavinash,

If you want to hide it, you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-mobile-footer-wrap{
display:none;
}

Thanks for the message!

Hello newbietamvan,

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

.td-scroll-up-visible {
display: none;
}
@media (max-width: 767px){
.td-scroll-up-visible {
display: block!important;
}
}

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

Thaks for the message!

In order to avoid any delay in css you can simply place the custom code at the very bottom of style.css. That way there will be no extra delay.
Thank you!

Hello nano2408,

The code which has added above still working as properly and if you want to add it directly to the theme you should edit the style.css CSS.

Thanks for your understanding!

Hello,
Unfortunately the grid builder is not part of the theme but part of visual composer and the theme has no control over it. If you want to change the position of the visual composer elements this can only be done custom. If you provide a link to your site I could try to use a custom css but I cannot promise a result though as we have not tried altering the visual composer elements and I cannot provide a certain response if it will work or not. I will give it a shot though.
Thank you!

Hello crazydiver,

Unfortunately, our theme does not have any such an option that allows you to display the post views counts only for certain posts, sorry! If you want to do this, you should use a bit of CSS code. You can use the following method: ->hide the post view count for entire website and then, using the post ID, you should show it on frontend, like this -> https://www.screencast.com/t/s1C9H39Epteg

The code is ->

.td-post-views{
display:none;
}
.postid-185 .td-post-views{
display:block!important
}

Thanks for your understanding!

Hi,

You could make them look the same using css, like this example here – https://www.screencast.com/t/YYnkFnKITqL where I used this code (you can change the color to what you need) just enter it in Theme panel->Custom Css

.widget_recent_entries .widgettitle,
.widget_recent_entries .widgettitle:after {
background-color: #4db2ec;
}

Please let me know if this works for you or you need further help.
Thanks

Hello,

Unfortunately there is no setting for this though. It can however be done using a css trick:

.td-header-main-menu{
width: 80%!important;
}
add the code in the theme panel->custom css box
But this will not work if you use a background however as the site will go into boxed mode. Adding a background color or image will make the site go into boxed mode and then the menu trick is no longer possible.

Thank you!

Hello,

The page seems to be a custom page with a class of “participate”
You have these rules in the css for this page: https://www.screencast.com/t/zHyw8odrpsY
This alters the theme width and height and causes all the issues you face. Please remove the code as it is not recommended to alter the theme width.

Thank you!

Hi,

Add this code in Theme panel->Custom Css

.td_block_9 .td-module-meta-info {
display: none;
}

Result – https://www.screencast.com/t/ANTUjEOX9
You can use any of the available widget elements from Visual composer on your homepage or in the sidebar, if you would provide more details I may be able to help you if you are having problems.

Thanks

Hello orlando,

If you want that your style.css to remain to the header section you should edit the td-speed-booster.php and comment out this line, like this -> https://www.screencast.com/t/j9B01harJ Try this advice and let us know how it goes!

Thanks for your understanding!

Hello john,

Are you referring to this section? -> https://www.screencast.com/t/AZXrRpNGRK If you want to hide this section, you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.footer-email-wrap{
display:none;
}

Thanks for the message!

Hi,

You can align the header ad to the right using this code, just enter it in Theme panel->Custom Css

.td-header-style-1 .td-header-sp-recs img {
left: auto;
}

Result – https://www.screencast.com/t/yC9Usd4rgu
As for the logo position and size, you can see all the header styles here – https://forum.tagdiv.com/header-styles/ and all the recomended logo sizes for each header style here – https://forum.tagdiv.com/logo-favicon/

Thanks

Hello,

Unfortunately the mobile theme does not have a style 5. It only features one style that has a featured image set to it. There are no multiple mobile styles to choose from.
For the moment just by using css can you disable the mobile featured image.
If you want to remove the featured image on all posts, you can use this code:
@media(max-width:767px){
.post .td-post-featured-image{
display:none!important;
}}

or if you want to target specific posts, use the code based on the post id’s:

@media(max-width:767px){
.postid-1253 .td-post-featured-image, .postid-1254 .td-post-featured-image, .postid-1255 .td-post-featured-image{
display:none!important;
}}

I will add this to our list of feature updates and we will look into this issue

Thank you!

This is the only way as css needs to be specific with it’s selectors.
Thanks