• Resolved YouGotPowelled

    (@yougotpowelled)


    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:
    https://www.thelightboxstudios.co.uk

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which files have you been modifying?

    Thread Starter YouGotPowelled

    (@yougotpowelled)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Install this Custom CSS Manager plugin.

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

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

    Thread Starter YouGotPowelled

    (@yougotpowelled)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add this:

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

    Play about with the 3.4

    Thread Starter YouGotPowelled

    (@yougotpowelled)

    That’s perfect! Thank you so much Andrew!

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

    Thread Starter YouGotPowelled

    (@yougotpowelled)

    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 {
    text-align:center;
    }`

    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: https://www.yougotpowelled.co.uk

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Logo and Site Title Alignment’ is closed to new replies.