Search…

X3 Photo Gallery Support Forums

Search…
 
winph
Experienced
Topic Author
Posts: 236
Joined: 19 Jul 2008, 05:07

Navigation Background

04 Mar 2017, 20:29

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
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Navigation Background

04 Mar 2017, 22:54

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.
 
winph
Experienced
Topic Author
Posts: 236
Joined: 19 Jul 2008, 05:07

Re: Navigation Background

05 Mar 2017, 02:36

www.sherwintan.com

try clicking Journal... i want to add contrast to navigation background and my logo. but i want to use white logo.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Navigation Background

05 Mar 2017, 03:46

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:
Image
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:
Code
.nav-wrapper {
    background: #AAA !important;
}
 
winph
Experienced
Topic Author
Posts: 236
Joined: 19 Jul 2008, 05:07

Re: Navigation Background

05 Mar 2017, 08:31

thanks,
instead of using white i used daylight then used your code to change background to white.
Code
.main {
    background: #AAA !important;
}
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.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Navigation Background

05 Mar 2017, 09:00

Like this? I can hardly see the text.
Image
 
winph
Experienced
Topic Author
Posts: 236
Joined: 19 Jul 2008, 05:07

Re: Navigation Background

06 Mar 2017, 07:42

mjau-mjau wrote:Like this? I can hardly see the text.
Image
Sorry.. i meant black. 
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Navigation Background

06 Mar 2017, 09:39

Code
.mega.list a.active, .mega.list a:hover {
  color: black !important;
}
 
winph
Experienced
Topic Author
Posts: 236
Joined: 19 Jul 2008, 05:07

Re: Navigation Background

06 Mar 2017, 10:17

mjau-mjau wrote:
Code
.mega.list a.active, .mega.list a:hover {
  color: black !important;
}
thanks