WordPress.org

Ready to get started?Download WordPress

Forums

Menu (10 posts)

  1. Silja-Jonsson
    Member
    Posted 1 year ago #

    Hello,

    I should start with saying that I'm totally new on editing CSS codes etc. And now I'm in the need of your help...

    I have a website: http://jonssonsstockdogs.com/ and am using the "melville" theme. I love it! But I would like to move the navigation bar (menu) up just below the "header"... Anyone know how I should do this? Where I can find the codes I should edit and to what?

    This would mean the world to me, I want to give thanks in advance! Take care, Silja

  2. praveen68
    Member
    Posted 1 year ago #

    I can't see the menu. Can you be more specific. What are the menu items and where are they on the page.

  3. Silja-Jonsson
    Member
    Posted 1 year ago #

    Thank you for gettin' back with me so soon. And I apologize that I assumed you would know where the menu is!

    The menu is located down on the bottom side of the website (just above the copyright text). It's a little darker background (light gray) and the single word "hem" (=home) is there. Haven't had time to make more pages yet... And the hover is purple... Hopefully you can see it and figure this out! :)

    Silja

  4. praveen68
    Member
    Posted 1 year ago #

    Ok. Move the `<ul>
    <li>your home link(hem)</li>
    </ul>`
    from the footer.php to header.php. after the <h1 id="site-title"> closing div tag. Think it should work.

  5. Silja-Jonsson
    Member
    Posted 1 year ago #

    Thank you, we're on the way. But would you please look at the current website and let me know what you think... The menu went to the "right" place but is still not perfect, I would like it to look exactly like it did on the bottom... Maybe you could help? ;) Silja

  6. praveen68
    Member
    Posted 1 year ago #

    Since u have given a padding 80px to `#wrapper div#wrapper {
    padding: 20px 80px 0 80px;' that will affect the menu. That is why it is shifting to right.

    #menu {
    	width:645px;
    	margin: 0 auto;
    margin-bottom: 30px;
    	border-right: 1px solid #cccccc;
    	border-left: 1px solid #cccccc;
    	-moz-box-shadow: 1px 4 20px #dddddd;
    	-webkit-box-shadow: 1px 4 20px #dddddd;
    	box-shadow: 1px 4 20px #dddddd;}

    add to above

    position:relative;
    left:-80px;to above before }

    Everything will be as you want.

  7. Silja-Jonsson
    Member
    Posted 1 year ago #

    Thank you! You've been to a GREAT deal of help! So THANKS! :)

    I wonder if you might help me with one last thing, there's so much space at the bottom of the "content page" (don't know if you call it that) and I would like to reduce it. I would also like to take away the annoying grey line below all my posts, do you know how I can do this WITHOUT taking away the gray line BETWEEN the posts?

    Here's a screenshot to help me explain: http://jonssonsstockdogs.com/help.jpg

    What do you think, is it possible? Thanks, Silja

  8. praveen68
    Member
    Posted 1 year ago #

    Try these codes `
    #content div.post {
    margin: 0 0 30px 0;
    }
    #content div.post:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    }

    Reduce the margin 30px to reduce white space between posts. For adjust content div.post:last-child margin bottom px to the width of white space you want.
    
    In case you don't want the border below all posts remove
    background: url(images/post-sep.png) no-repeat center bottom;
    from
    '#content div.post p.date, #content div.post p.post-meta {
    
    	margin: 30px 0 0 0;
    	padding-bottom: 40px;
    	background: url(images/post-sep.png) no-repeat center bottom;
    }

    background: url(images/post-sep.png) no-repeat center bottom;
    The problem with last-child is it doesn't work with IE (the pathetic)..
    :-)

  9. Silja-Jonsson
    Member
    Posted 1 year ago #

    So you mean that it doesn't work to take away ONLY one gray border (the last one, close to the footer)?

    Anyway, Thank You (!), you've really been great with all the help you've given me today! I'm in the learning process and I sure have learned a few things today... :)

    Silja

  10. praveen68
    Member
    Posted 1 year ago #

    You are welcome. BTW, I love dogs. I had a bitch named Julie a pure white pomeranian. :)

Topic Closed

This topic has been closed to new replies.

About this Topic