• Resolved jesslandolfi

    (@jesslandolfi)


    Hi –
    My site is: https://69.195.124.107/~jessief7/sff3

    I would like to move my site tag line and navigation bar down. I found that with using firebug top padding 30px on the tag line puts it where I want it, however, I can’t figure out how to make that happen via coding. I’ve been editing the CustomCSS file.

    Second, I’d like to adjust the height of the header to make a little bit smaller. I’m not sure on the exact measurement.

    Any help would be greatly appreciated.

    Thanks!
    Jess

Viewing 9 replies - 1 through 9 (of 9 total)
  • Have you solved this problem yet? Please advise if you are using a child theme, and which .css file you are editing using the code editor.

    Perhaps placing this code in the styles.css file of your child theme will help. Place it at the very bottom of the code so that it receives priority. Let me know if that works and I will help your size issue also.

    h2.span7.inside.site-description {
    padding-top:30px;
    }

    Thread Starter jesslandolfi

    (@jesslandolfi)

    I am editing CustomCSS file in the wordpress editor. Do you think it’s better to set up a child theme and edit the CustomCSS file of that?

    I had a child theme set up, but I made a mistake with code and I killed my site so I deleted it.

    Thread Starter jesslandolfi

    (@jesslandolfi)

    I put it in the CustomCSS editor that I have been working in and it worked!!
    Thank you so much!
    A suggestion for the sizing issue would be greatly appreciated =)

    Glad to hear that it worked for you! The advantage of child themes generally is that the CSS and script of the child theme takes priority over the styling found in the parent theme, so you can customize your site without affecting core functionality of your site, and also you can update the parent theme without affecting the modifications you made to the child theme.

    Are you trying to scale everything in the header area down by a percentage?

    Thread Starter jesslandolfi

    (@jesslandolfi)

    I think what I want to do is scale the header down so that there isn’t so much “head room” above the logo without making the logo bigger. But I’m not sure what the percentage would be or how to measure it to find out.

    If you are trying to place the header logo more in line with the navigation menu, this code might work for you:

    img.attachment-51 {
    max-width: 250px;
    max-height: 100px;
    position: absolute;
    top: -45px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    }

    Thread Starter jesslandolfi

    (@jesslandolfi)

    This worked great and I achieved what I was going for. Thank you!

    Glad it worked out for you and you’re welcome! Good luck with your projects ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Adjust header sizing and location of tag line & navigation’ is closed to new replies.