Moving the Header Image in Backcountry

Community Forums Forums Design Tips and Tricks Moving the Header Image in Backcountry

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  RobG 9 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #65463

    Arekeon27
    Participant
    Post count: 3

    Hello Everyone,

    Still learning my CSS but I have spent hours trying to figure out how to move the header image on my website down.

    http://theweinreview.com/

    I made a simple header for the moment just to figure out where I want it to go. I’d simply like to move the header image down so its not so far up the page on the site but I cannot figure out how to do it. I’ve found it fairly simple to move the secondary navigation menu and the below content by adding the margin-bottom and padding commands to my stylesheet but no matter what I do I can’t seem to move the header image in the directions I want without messing up a lot of other elements. Any suggestions?

    Thanks,

    Kevin

    http://theweinreview.com/
    #65538

    RobG
    Participant
    Post count: 1036

    IN your Style.css file locate the following code, Go to line 94 and increase the line height – line-height: 22px; according to your desire size it should bring your header image down.

    [php]
    /* Defaults
    ———————————————————— */

    body,
    h1,
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6,
    p,
    select,
    textarea {
    color: #444;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 0;
    text-decoration: none;

    [/php]


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    • This reply was modified 9 months, 3 weeks ago by  RobG.
    • This reply was modified 9 months, 3 weeks ago by  RobG.
    • This reply was modified 9 months, 3 weeks ago by  RobG.
    • This reply was modified 9 months, 3 weeks ago by  RobG.
    #65568

    Arekeon27
    Participant
    Post count: 3

    RobG,

    Thanks! That did the trick. I was using the developer tool in internet explorer but the default section of the CSS had strike-through in the text so I presumed it wouldn’t affect the page. I downloaded firebug and will give it a try.

    I did post the website in question: http://theweinreview.com/

    I appreciate the help, I know this was basic but it was driving me crazy.

    Kevin

    #65569

    RobG
    Participant
    Post count: 1036

    Your very welcome always pleased I can be of service best of luck with your website.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Moving the Header Image in Backcountry’ is closed to new replies.