WordPress.org

Ready to get started?Download WordPress

Forums

Header Navigation Bar (14 posts)

  1. RJCondon
    Member
    Posted 1 year ago #

    http://www.lostsoultravel.com
    I would like to make the navigation bar solid black and sit at the bottom of the header image with the logo above it. I also would like to make the navigation bar the width of the header image. I have a little CSS knowledge and am not sure why I can't get this to work! I am using 'Book' theme. In a perfect world I would like the header image and bar to be full screen regardless of the screen size (Ipad, Laptop, Desktop).

    Also, is it possible to move the footer widget area so it is a sidebar (technically no longer a footer I suppose)?

    I appreciate the help!!

    RJ

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    What theme are you using? Where did you download it from?

  3. RJCondon
    Member
    Posted 1 year ago #

    I am using 'Book' theme.

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    Where did you download it from?

  5. RJCondon
    Member
    Posted 1 year ago #

    [Complete stylesheet moderated]

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    lol where did you download it from

  7. RJCondon
    Member
    Posted 1 year ago #

    it is an upgrade of "Book Lite" ...I'm pretty sure I got it from wordpress

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    May you post the CSS you've tried that attempts the changes in your first post?

  9. esmi
    Forum Moderator
    Posted 1 year ago #

    If it's an upgrade of Book Lite, it must be a commercial theme, yes? We do not support commercial themes here.

  10. RJCondon
    Member
    Posted 1 year ago #

    Hey Andrew,

    this is still fairly new to me. I have just been systematically changing things and if there is no change/desired change I just return the CSS to what it was. The layout for theme is different than the few previous themes I got use to. Can I send you all the CSS?

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    I can see your CSS by accessing the website, I just wanted to know the CSS you tried that didn't work so I could try to debug why it hadn't worked.

  12. esmi
    Forum Moderator
    Posted 1 year ago #

    These forums are staffed by unpaid volunteers. If you want to someone to troubleshoot your CSS for you, try http://jobs.wordpress.net/

  13. RJCondon
    Member
    Posted 1 year ago #

    just looking for a quick pointer or two...thanks esmi

  14. Tarsem Singh
    Member
    Posted 1 year ago #

    For navigation backhround you need to change

    .main-navigation {
        background: url("http://www.lostsoultravel.com/wp-content/themes/book/images/nav-bg.png") repeat scroll 0 0 transparent;
    }

    to
    `
    .main-navigation {
    background: #000;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic