Search Results for 'css'

Hi,

There is no setting for this, but you can try this code, just enter it in Theme Panel->Custom Css

.footer-social-wrap .td-social-icon-wrap i:hover {
color: yellow;
}

The result – http://screencast.com/t/mX2XwxfaR6
Please let me know if this is not what you wanted or it is not working for you.

Thanks

Are you sure you followed the guide exactly? https://forum.tagdiv.com/how-to-make-the-site-faster/
Optimize images – point 3 of the guide: http://screencast.com/t/m7noLNKj3V
Render blocking js and css – point 5 of the guide – http://screencast.com/t/pA3Vk9lIk
Leverage browser caching point 2 of the guide – http://screencast.com/t/BHVwcxuHY

You are not done with the optimization.

Well it will not be able to move all of the render blocking js and css. Some of them you will have to move manually as shown in this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
under point 5.2

Thank you!

Hello,
DO not change the section ID. The section ID is grabbed automatically so you do not have to change it.
If you want to alter the block css use a custom class on each block but do not change the section ID
Thank you!

Well these things happen when you change any size of any element. You have to be very careful as there are multiple places that get affected by any change you make.. For this you have to adjust the author box as well for the new dimension.
Use this css:
.author-box-wrap .desc{
margin-left: 160px!important;;
}

Thanks.

Hi,

This must of happened due to changes in the last update, you can try this code and see if it works for you, just enter it in Theme Panel->Custom Css

.page-template-page-pagebuilder-title .wpb_text_column :last-child .block-title span{
margin-bottom: 0;
}

Alternatively you could get the same result as you are now, using a Raw HTML above your Text block like this – http://screencast.com/t/hFweuysfQ – http://screencast.com/t/BXLTO5jEQ0 This is the code for the style that goes in the Raw HTML

<h4 class="block-title" style="border-color: #595959;"><span style="margin-right: 0; background-color: #595959;">DON'T MISS</span></h4>

And this is the result – http://screencast.com/t/gNqVfbOR

Thanks

Hello,

Please use this code:
.td-main-page-wrap{
padding-top: 0!important;
}
This css will affect ALL pages so you must be careful on the other pages to what element you have on top asw not all pages have the same grid on top of them so maybe you do not want it to affect all p[ages. In that case you will need the page id;s where you want the code to apply to. You cna get a page id like so: http://screencast.com/t/xSGmFLnTj

Thanks.

Hello,

This is because they do not originate from the theme. Please provide a link to your site and I will provide the proper css code to change the colors.

Thank you!

Hello,

It’s the latest visual composer update, not the theme update that changed the css for the elements.
Please use this code:
.wpb_text_column:last-child, .wpb_text_column p:last-child{
margin-bottom: 0!important;
}
As for the icons, please use font awesome 4 menus to insert icons inside the menu items.

Thank you!

Hi,

The code seems to be valid css, maybe you have another code before this that could affect the functionality. What do you mean by nothing works, what error are you having? You could try entering the code in small pieces and reduce the search for the posible error.

Thanks

Hi,
Well posts also render shortcodes and the page builder works with shoptcodes.
Here is the shortcode for the news ticker:
[td_block_trending_now tdc_css=""]
Add it inside your post content in text mode
Thanks.

Well if you are adding the tablepress as a visual composer element inside a row, you can simply access the row settings and control the exact margins and padding to each block. You can try negative values to compensate for the theme css. Please check the design options tab on each element/row
Thank you!

Hi,

Enter this code in Theme Panel->Custom Css, it will eliminate the white spaces

.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 0;
}
.td-header-style-10 .td-logo-wrap-full {
min-height: 0;
}

The result with the code loaded – http://screencast.com/t/hU1yZeQX15sK

Thanks

Hi,

If you want no margin on your ad at all, you can use this code in the theme panel-> custom css box:
.td-header-style-6 .td-header-rec-wrap .td-a-rec-id-header > div{
margin-bottom:0!important;
margin-top:0!important;
}

Thank you!

Hi,

To make all your block titles look like in the first screenshot, enter this code in Theme Panel->Custom Css (you can change the color to whatever you like)

.block-title, .block-title span, .td-block-title-wrap {
background-color: #4db2ec!important;
}
.block-title {
border-bottom: none;
}

The result – http://screencast.com/t/zH1mERPtwI
As for the second screenshot, the site uses a background-image for the block titles, see here – https://slice42.com/wp-content/themes/Slice42/assets/actus.png

Thanks

Hi,
Every block has a bottom and top padding so elements do not stick to each other. If this is what you want, then you will have to assign extra classes on the 2 rows containing the revolutions slider and the one bellow by accessing the row settings in visual composer. Then provide a link to your site and I will provide the proper css to remove the padding for these 2 elements.
Thanks.

Hello

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

The code is ->

.td_block_related_posts .td-next-prev-wrap{
display:none;
}

Also, all the available settings for Related Articles are here -> http://screencast.com/t/dcTkaDSdXp5 For more information about this feature, you should consult here -> https://forum.tagdiv.com/related-articles/

If you want to display more levels in our theme and if you aren’t 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!

Hello,

Happy new year to you too.
The social icons in the top bar and footer can be increased with a custom css code you can add in the theme panel->custom css box:
.td-social-icon-wrap .td-icon-font{
font-size:20px;
}
I’m not sure about the sidebar though . Please provide an example of what icons are you referring to in the sidebar.

Thank you!