WordPress.org

Ready to get started?Download WordPress

Forums

Pilot Fish
Pilotfish Center Menu & Add Picture (3 posts)

  1. developer427
    Member
    Posted 6 months ago #

    I'm having a similar problem that many have had. I want to center the menu and add picture to front page of pilotfish.

    Yes, I went to the Pilot Fish FAQ. I was able to center my title but not the menu. Can anyone provide me some insight as to what I missed.

    Secondly, followed the directions for replacing the default “Bavarian Forest” photo on the landing page. Like another user, the Bavarian Forest pic disappeared but my photo is not there and I'm using filezilla.

    Thanks All

  2. Jakob_NL
    Member
    Posted 6 months ago #

    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.

  3. developer427
    Member
    Posted 6 months ago #

    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;
    }

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.