Photo Gallery Forums

Hi,

Is it possible to add image to navigation background? or change color? im using White skin but i want the navigation background to be a little darker.

regards,
win

Anything like this can be done with custom CSS (settings -> custom -> custom CSS), as we can't color options for all elements in an X3 page, especially since they are all linked to each other recursively.

What is your link? I need to understand what layout you are using before I can make any technical recommendation. I would normally recommend against using an image as a background for navigation, as I have never seen this work nicely with any website menu.

www.sherwintan.com

try clicking Journal... i want to add contrast to navigation background and my logo. but i want to use white logo.

winph wrote:try clicking Journal... i want to add contrast to navigation background and my logo. but i want to use white logo.

Just before I proceed to suggest something here, understand when you start changing things around, you are affecting global color schemes that are designed to work together. For example, your text is dark, your logo is white ... I don't know many background-images that would work nicely with BOTH black and white text on top. Only option would be a grey background. It will ALSO affect the menu background when menu is FIXED (eg when you scroll up slightly, so the menu reveals itself).

So below I have outlined how to achieve a grey background:

As you can see, already the dark text is struggling with the grey background. If you want to add this, simply go to settings -> custom -> custom CSS, and add:

thanks,
instead of using white i used daylight then used your code to change background to white. now how do i change the color of the megamenu item? if you check my site again under events... i want the hover & selected items to be color white.

Like this? I can hardly see the text.

mjau-mjau wrote:Like this? I can hardly see the text.

Sorry.. i meant black. 

mjau-mjau wrote:

Code Select all

.mega.list a.active, .mega.list a:hover {
  color: black !important;
}

thanks