Search Results for 'css'

Hi,

You can try this code, enter it in Theme Panel->Custom Css, it should make the sticky menu remain the same during scroll

@media (min-width: 768px) {
.td-header-wrap.td-header-style-6 .td-affix .sf-menu > li > a {
line-height: 80px!important;
}
.td-header-wrap.td-header-style-6 .td-affix .td-main-menu-logo .td-header-logo img {
width: auto!important;
max-height: 80px!important;
}
}

Thanks

Hello,

It seems there is a css issue on firefox as it interprets the css differently.
Please use this code in the theme panel->custom css box
.td-md-is-firefox .page-template-default .wpb_text_column :last-child{
margin-bottom:initial!important;
}

Thank you!

Unfortunately you cannot hide specific theme elements based on the post author easily. You have to create conditions as I have shown above but it is no simple matter. Css does not know how to hide things based on the post author in different elements. You will need to hire a freelancer to help out as this requires quite a bit of customization. You have to add conditions to the related articles and more from author elements to remove the content from specific authors. In this case the function must be changed as it is created to bring content from all authors. Sorry but we cannot offer any custom work at the moment.
Thank you for your understanding.

Unfortunately changing the css will not be enough. There are more references of the 767 px width in our theme: https://www.screencast.com/t/yzrAw7ouCO06

Thank you!

Hi,

Try this code, enter it in Theme panel->Custom Css

.td_block_image_box .td-custom-image a:after {
border: none;
}
.td_block_image_box .td-custom-title .entry-title {
display: none;
}

The first part will remove the inside border – https://www.screencast.com/t/LOpAdHxQ
The second one will remove the custom title – https://www.screencast.com/t/sljelDQHylOk

Thanks

Hello,
You can use this custom css
.post-325 .wpb_button, .vc_btn{
margin-top:11px!important;
}
Add the code in the theme panel-> custom css box
I set the code to only affect that particular page
Thank you!

Hi,

Enter this code in Theme panel->Custom Css, now the menu should remain the same when sticky

.td-header-style-3 .td-header-menu-wrap.td-affix {
background-color: black!important;
}

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

Hi,

You could make the sub-menu smaller of fixed height and use a vertical scroll using this code, just enter it in Theme panel->Custom Css

#td-header-menu .menu-item-5976 .sub-menu .sub-menu {
height: 400px;
overflow-y: scroll;
}

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

Hello Lewis,

If you want to increase the widgets from sidebar you should use a bit of CSS code to do that. Below I gave you a simple example. Also, please notice that we do not recommend the increasing the width of this because you can damage the theme layout.

.td-ss-main-sidebar{
width:600px!important;
}

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

Thanks for your understanding!

Hi,

The css will only hide the featured image from the ‘.category-video’
Css does not know any structure and what is a category or a sub-category. It only affects what you set it to. It cannot affect sub-categories unless you add the classes to the code.

As for the youtube social counter, please use this guide: https://forum.tagdiv.com/tagdiv-social-counter-tutorial/

Thank you!

Hi,

For the white color around the blocks enter this code in Theme panel->Custom Css

.td-main-page-wrap {
background-color: #efefef;
}

Result – https://www.screencast.com/t/Tb9Xjnawi325
The top menu inherits the width of the container when the site is boxed and it would be dificult to make it full width.

Thanks

Hi,

You can use this css to change the gird colors:
.td-big-grid-post .td-module-thumb{
background-color:
#f6f1e9!important;
}

Thank you!

This means there is a theme related element that is called using http and not https. Please check the logos or background image or any other setting in the theme panel.

Here are your mixed content errors:
https://www.screencast.com/t/BEJyrzH6Oc

Please check these few leads:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/

You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/

Thanks.

Hi,

Wow, a year has passed since I posted that solution though. Please provide a link to your site so i can provide the proper css code.

Thank you!