Shape 5

thank you for this great template

I want to make two changes, the first:
how to add a background in the menu when I'm using firebug writes color is:
# s5_nav {
     background: none repeat scroll 0 0 #fff;
     float: left;
     left: 50%;
     margin: auto;
     position: relative;
     width: auto! important;
}
but then the background shows up just over half the length, please see the image

secondly

I want to center a background image, but the option Background Image Position Option probably does not work. I changed the settings does not change anything.

Hello,

You can add a background to this:

#s5_nav li {

And then remove the margin-right:4px on this CSS definition too.  Other than this you can't get a background on the menu like you are trying to do because its centered with CSS and thats why its only showing on half of it.   The above method should do the same for you though

As for the background image can you post a URL of this?

Thanks,

Thank you :)

link

http://samm.idw.net.pl/

as you see, I need to center it and fit to window, it works in other positions, but no with main background

It looks like it just needs to have the "Background Image Position Option" set to center.  Then this should work.  "top center" specifically.

I tried different settings. Please look at the picture. More than this I installed a different template, and the situation is the same. Background does not set up for display.

I found another solution, if I choose a background for center_area_seting area as shown in the picture I have a background that sets up for the screen.

But the problem is that I have only half the screen with the background - an idea how to remove

Hello,

Your background call looks like this currently:

url("http://samm.idw.net.pl/images/background_homepage.jpg") no-repeat fixed 0 0 rgba(0, 0, 0, 0) !important

Try using center top as well as cover values in the coding above to help keep it in the middle and covering the entire page.

I found solution not good but for me ok.
I tray difrent setting in template options. in the end I made some change:

on line 91 I add this:
body style="background: url(images/background_homepage.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;"

and it works

Alright glad you got it sorted out.

Hi,

What file did this user edit to change line 91 and add a background to main menu?

Elton

Hello,

His code doesn't line up to my site but most likely in the s5_flex_menu.css file. Generally I would suggest adding your custom code to the custom.css file for easier access later on though.

How can I add an image as background for main menu then...? I mean, the right way using your site.

Hello,

The best way would be to add it to the entire header div.


The menu bar is part of 2 elements so a background wouldn't look proper without custom programming it into a single <div> first in the index and applying the background to that <div>. That sort of change wouldn't be the easiest to accomplish without some PHP experience though.