BACKGROUND GRADIENT COLOR

Hello,
The gradient was only added for the mobile menu, but there is a css trick to do it for the main menu as well.
Please use this code:

.td-header-wrap .td-header-menu-wrap-full{
background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, yellow); /* Standard syntax */
}

I set the colors to red and yellow, but you can change these to the ones you like. Just add the code in the theme panel->custom css box.
Result: http://screencast.com/t/2hCJXMcRR

Thank you!

Hi,

You can use the same parameters and just change the classes for the code. I will add all of them in the same code:
.td-header-wrap .td-header-menu-wrap-full, .td-header-top-menu-full, .td-footer-wrapper, .td-sub-footer-container{
background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, yellow); /* Standard syntax */
}


Thanks.

Hi,
Well you cannot use both. You either use css or the theme colors. Both at the same time will overwrite one another. Change the colors in the code if you use the code method.
Thank you!

Hi,

1) Try this code:
.footer-text-wrap{
text-decoration: underline;
}

2) The sticky menu is a different container than the standard menu. It has to be targeted as well with css.
Add this code:
.td-header-menu-wrap.td-affix{
background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, yellow); /* Standard syntax */
}

3) the scroll up must also be targeted with css as there is no setting for it.
you can use this class to add css properties to it:
.td-scroll-up-visible{
background-color:black!important;
}

Hope this helps.