Hey Developer427,
Centering the menu is discussed in the FAQ here: http://wordpress.danielatwork.com/pilotfish/faq/#faq-menu
(scroll down a little and you’ll see).
As for the main picture change: Make sure you have named the picture you want to use “home_banner.jpg” and include it in the correct folder (themes>pilot fish>images).
If that doesn’t work, check your stylesheet under /* Image styles */ to see if the reference to the image was changed at all
Should be:
#featured {
background-attachment: fixed;
background-image: url(images/home_banner.jpg);
background-repeat: no-repeat;
background-position: center;
height: 530px;
display: block;
text-align: center;
Hope that helps.
Hi Jakob_NL
Thanks for responding. I figured out the picture problem.
Although I found the link that you provide the for Pilot Fish FAQ, I was not able to figure out the centering of the menu. My style sheet is listed below (beginning with the word “strong” or in bold).
I’ve attempted to place the code provided in Pilot Fish FAQ:
#access {
width: 100%;
}
.menu-index-container {
text-align: center;
And
#access .menu,
#access .menu ul {
display: inline-block;
list-style-type: none;
padding: 0;
}
in the primary navigation section. Maybe this is where I’m getting lost. Should I add the code above before the primary navigation section or under the primary navigation section where I have been trying to add it? And if it goes under the primary navigation section where is it added. Thanks again.
#header #logo {
float:left;
margin-bottom: 20px;
padding-left: 10px;
}
#header #logo .site-name {
display:block;
padding-top:20px;
}
.site-name a {
font-family: ‘Fredericka the Great’, cursive;
font-size: 3.5em;
color: #377687;
line-height: 1.1em;
}
.site-name a:hover {
text-decoration: none;
color: #377687;
}
#header #logo .site-description {
display:block;
font-size:14px;
margin:10px 33px 0 0;
text-align: right;
color: #8CA1A1;
}
/* Primary Navigation */
#access .menu {
clear:both;
margin:0 20px;
}
#access .menu,
#access .menu ul {
display: block;
list-style-type:none;
padding:0;
}
#access .menu li {
border:0;
display:block;
float:left;
margin:0;
padding:0;
position:relative;
z-index:5;
}
#access .menu li:hover {
white-space:normal;
z-index:10000;
background-image: url(images/home_banner.jpg);
}
#access .menu a {
font-family: “Droid Serif”,”Georgia”,serif;
border-left:1px solid #DEDCC3;
color: #377687;
display:block;
font-size:13px;
font-weight:700;
height:45px;
line-height:45px;
margin:0;
padding:0 0.9em;
position:relative;
text-decoration:none;
}
#access .menu a:hover {
text-decoration:none;
color: #377687;
}
#access .menu .current_page_item a,
#access .menu .current-menu-item a {
background-image: url(images/home_banner.jpg);
}
#access .menu li li {
float:none;
}
#access .menu:after,
#access .menu ul:after {
clear:both;
content:”.”;
display: block;
height:0;
overflow:hidden;
visibility:hidden;
}
#access .menu,
#access .menu ul {
min-height:0;
}
#access .menu ul.sub-menu,
#access .menu ul.children {
left:0;
position:absolute;
top:0;
visibility:hidden;
z-index:10;
}
#access .menu li:hover > ul {
top:100%;
visibility:visible;
}
#access .menu li li:hover > ul {
left:100%;
top:0;
}
#access .menu ul {
margin: 0;
padding: 0;
}
#access .menu ul ul {
margin:-30px 0 0 -10px;
padding:30px 30px 30px 10px;
}
#access .menu ul li a:hover {
background-image: url(images/home_banner.jpg);
}
#access .menu ul {
min-width:12em;
width:auto;
}
#access .menu li li {
background:#fff;
background-image:none;
border:1px solid #b2b2b2;
border-top:none;
color:#444;
filter:none;
width:auto;
}
#access .menu li li a {
border:none;
color:#444;
font-size:12px;
font-weight:400;
height:auto;
height:20px;
line-height:20px;
padding:5px 10px;
text-shadow:none;
white-space:nowrap;
}
#access .menu li li a:hover {
background:#f5f5f5;
background-image:none;
border:none;
color:#444;
filter:none;
}
#access .menu ul > li + li {
border-top:0;
}
#access .menu li li:hover > ul {
left:100%;
top:0;
}
#access .menu > li:first-child > a,
#access .menu ul > li:first-child > a {
border-left:none;
}
#access .menu > li:first-child > a,
#access .menu-container li + li + li li:first-child > a {
}
#access .menu ul.children a,
#access .menu .current_page_ancestor,
#access .menu .current_page_ancestor ul a {
background:none;
background-image:none;
filter:none;
}
#access ul.sub-menu .current_page_item a {
background:transparent !important;
}