WordPress.org

Ready to get started?Download WordPress

Forums

Mantra
[resolved] Adding a horizontal line below header and above footer (9 posts)

  1. serenapage
    Member
    Posted 1 year ago #

    Hi,

    I have tried on my style sheet to add in a horizontal line the same colour as my site-title, just below my header, which spans the whole page, so that the header is seperated from the menu and main content. I would also like to use the same kind of line to seperate the main page from the footer area.

    However I haven't been able to figure out the CSS I need here as adding border-bottom:1px solid #0000 to the header element did not do anything...

    My site is: http://serenapage.com/

    Thank you in advance for your help!
    Serena

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. serenapage
    Member
    Posted 1 year ago #

    Hi,

    thanks for the tip. I found out that the line needs to go at the bottom of the branding div, so I put in the following in bold under branding:

    #branding {
    display:block;
    float:none;
    clear:both;
    height:75px;
    padding-top:0;
    padding-top:0px;
    padding-bottom:0px;
    border-bottom: 1px solid #000000;
    }

    However nothing happened...

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Did you clear your browser cache?

  5. serenapage
    Member
    Posted 1 year ago #

    Yup just now, didn't do anything though

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you're applying the style to style.css, it isn't saving.
    http://serenapage.com/wp-content/themes/mantra/style.css?ver=3.4.2

  7. serenapage
    Member
    Posted 1 year ago #

    It worked! Thank you for your help! Incidently do you know of any way to get the line to span across the whole page rather than just the part above the content?

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    CSS changes this specific are no longer relevant to WordPress forums and should be forwarded to more relevant forums.

  9. serenapage
    Member
    Posted 1 year ago #

    Sure that's fine, thanks for your help up to here

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.