Search Results for 'css'

Hello bformhals,

If you want to make these changes, you should use a bit of CSS code because the theme does not have any such an option that allows you to change all of these from Theme panel. Place the code below and Theme panel->Custom Box and check the result.

The code is ->

.sf-menu ul {
background: red!important;
}
.sf-menu ul .td-menu-item>a{
color: green!important;
}
.sf-menu ul .td-menu-item>a:hover{
color: pink!important;
}

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

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

Thanks for the message!

Hi,

Simple css hover effects can be possible on images, but something as to change the existing loaded image from a single image element with another one on hover, is not available with the current options in the theme and Visual composer. If you would like to implement this possibility maybe you can find a plugin that is capable of this and also is compatible with the theme and works properly. This could also be a solution that you can try and see if you can integrate it in your project – https://www.w3schools.com/howto/howto_css_image_overlay.asp

Thanks

Hi,

To minify the CSS you can use an online tool, like this one for example – http://cssminifier.com/ and open the theme stylesheet file, then enter all the contents in the required field. After the process is finished, replace the code in the theme stylesheet with the one resulted after minification.

Thanks

Hello,

You can try this custom css code:
.td-main-content-wrap, .post{
background-color:#ffebcd
}
Add it in the theme panel->cu stom css box.

Thank you!

Hello,

It seems the demo style changes the css of this element. You will have to use css in your theme panel-> custom css box to change the color. Here is the code needed:
.td-footer-wrapper div .td_block_template_4 .td-block-title > *{
background-color: #b50f0f;
}

Thank you!

Hi,

I do not know exactly how are you implementing this, and if modifications have been done to the theme. By default the category tags if enabled in theme panel – https://www.screencast.com/t/Vc3mKR5JM are displayed properly on all the modules. In your case it seems the category tag is not present on the modules – https://www.screencast.com/t/hhJ22INhcJn – https://www.screencast.com/t/4bH8HfqhMI2w
This is the module structure by default – https://www.screencast.com/t/ajOvKhwuG
If you would like to hide the category tag by page, you could use some css and based on the page ID hide them on all the page – https://www.screencast.com/t/PQnuKPxlPxF or by specific module in that page – https://www.screencast.com/t/9JBjdfRqlg

Thanks

Hello flex202,

You should use a bit of CSS code if you want to add a background for your pages/posts/widgets. Please provide your website and also, where exactly you want to add this so I will be able to provide a more accurate response.
I need to know more details about this, so I will be able to provide a more accurate response.

Thanks for your understanding!

Hi,

I believe that is the way the logo behaves in Header style 8, you can try removing the theme background color so the website will not be boxed anymore. Or if you would like I can give you some css to make it centered under certain conditions and screen sizes – https://www.screencast.com/t/YZW95WGHAd

Thanks

Hello roqeem,

If you want to decrease the padding, you should user a bit of CSS code for this. Try the code below and place it in Theme panel->Custom CSS area.

The code is here ->

.td-pb-span4 .wpb_content_element {
padding-bottom:0!important;
}

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

Thanks for the message!

Hello WakeUpCallProject,

The date of the bottom section of Big Grid is hidden with a CSS code, and that’s why it will not appears on the frontend. So, if you want to display it, you should use a bit of CSS code to do this. Use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-grid-style-1 .td-small-thumb .td-module-meta-info {
display: block!important;
}

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

Thanks for your understanding!

Hello,

There are 2 ways to remove these icons. The easiest is to hide them with css:
.td-social-google, .td-social-pinterest{
display:none!important;
}

The second method involves editing the theme files but this will be more of a hassle as you have to make the modification again if an update changes those files. The code is found here: https://www.screencast.com/t/ms0ELj4ly6R If you remove the 2 lines of code, the icons will no longer show up.

Thank you!

Hi,

Sorry but I cannot see any woo floating cart on your mobile menu. We have not tested this plugin so I cannot say for sure how you can implement it in our custom mobile menu. You can try a bit of css positioning on the button:”
https://www.w3schools.com/css/css_positioning.asp

Thank you!

Hello WakeUpCallProject,

Please notice that your sub footer section is created with 2 spans classes like -> td-pb-span4 and td-pb-span8 If you want to align the sub footer menu, you should make some adjustments in HTML structure in order to achieve best results. As a quick solution, in this case, would be to remove or comment our from the code the td-sub-footer-copy like this -> https://www.screencast.com/t/ozKuSuqfmBdx and then, using a bit of CSS code you can center the text, like this -> https://www.screencast.com/t/O2r46nKEyI

The code is ->

.td-sub-footer-container .td-sub-footer-menu {
float: left;
}

Thanks for your understanding!