Tagged: background image
Hi
I would like to add a background-image under menu.
What is the CSS code and where I can add it?
Thanks a lot!
Hey HeeHA,
By under the menu do you mean as background for the link?
Best regards,
Jordan Shannon
Hi
I would like to create a gradient background under whole menu bar.
Like below screenshot:
http://nimb.ws/DzwFbx
Thanks!
Hi,
Can you give us a link to your site so we can check? do you want to use the same color as the main menu in the screenshot?
Best regards,
Nikko
Hi
I just reinstall our site.
Yes. I also want to use other color under our main menu bar.
Please tell me how to change it or insert the image background.
That I can try it by myself.
Thanks!
Hi,
Based on the layout that you gave, I assumed the Menu and Logo Position is set to Logo (Left, Right or Center), Menu Below, same as what is used on this demo: https://kriesi.at/themes/enfold-construction/ then go to Enfold > General Styling > Quick CSS then add this css code:
#top #header_main_alternate {
background: #2659f2;
background: -moz-linear-gradient(top, #2659f2 0%, #7db9e8 100%);
background: -webkit-linear-gradient(top, #2659f2 0%,#7db9e8 100%);
background: linear-gradient(to bottom, #2659f2 0%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2659f2', endColorstr='#7db9e8',GradientType=0 );
}
.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
background-color: transparent !important;
}
You can use background image on the first block of code, Let us know if this helps :)
Best regards,
Nikko