[resolved] Logo and Site Title Alignment (9 posts)

  1. YouGotPowelled
    Posted 3 years ago #

    Hey Guys,

    I'm trying to align my logo (being the default 150x150px) with the header text, but I'm having no luck as I'm not really in on the whole coding html scene (I really am a beginner when it comes to the ins and outs) -Is there any way I can align the logo and header text so they're both level?
    Right now my logo is slightly lower down than my title text.

    Feel free to have a look for yourself:

    I'd appreciate any support, and if it's quick even better!

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Which files have you been modifying?

  3. YouGotPowelled
    Posted 3 years ago #

    I haven't modified any yet. I was wondering if there's a way to align the logo with the header text via the CSS?

    If not, I guess I could just create a logo that contains both the text and image, and then customise the header width so my logo fits.. but I really don't want to have to do that because I'm unsure on how to change the logo widths to my custom sizes.

  4. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Install this Custom CSS Manager plugin.

    Then use its section of the dashboard to hold your CSS modifications:

    #masthead img { margin-top: -2%; }
  5. YouGotPowelled
    Posted 3 years ago #

    Thanks great, Thank you Andrew.

    Do you know any CSS that would increase the size of my header text? Just to it would scale together a little smoother?

    Thank you for your help, I really appreciate the rapid responses! x

  6. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Add this:

    .site-title { font-size: 3.4rem; }

    Play about with the 3.4

  7. YouGotPowelled
    Posted 3 years ago #

    That's perfect! Thank you so much Andrew!

    I'll definitely be giving you a shout if I need anymore help!

  8. YouGotPowelled
    Posted 2 years ago #

    Hey again (Sorry for the double post if it's against forum rules or something, because I know in some places it is!)

    I've set up a separate website with the same theme. Having applied all of the CSS above (and being really happy with the results) I'm now looking to centre the title of each of my posts.

    I have tried applying

    `.entry-header {

    However this seems to over-ride the

    #masthead img { margin-top: -2%; }

    and makes my logo slightly lower than my site title..

    I was just wondering if there's another code to centre the title of my posts? One that will allow me to keep my logo and site title where they are?

    Site: http://www.yougotpowelled.co.uk

    NEVERMIND- Solved it myself. --Thanks anyway for reading.

  9. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Could you post your solution in case someone needs it in future?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic