WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. YouGotPowelled
    Member
    Posted 11 months 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:
    http://www.thelightboxstudios.co.uk

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

  2. Andrew
    Forum Moderator
    Posted 11 months ago #

    Which files have you been modifying?

  3. YouGotPowelled
    Member
    Posted 11 months 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
    Forum Moderator
    Posted 11 months 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
    Member
    Posted 11 months 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
    Forum Moderator
    Posted 11 months ago #

    Add this:

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

    Play about with the 3.4

  7. YouGotPowelled
    Member
    Posted 11 months ago #

    That's perfect! Thank you so much Andrew!

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

  8. YouGotPowelled
    Member
    Posted 9 months 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 {
    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: http://www.yougotpowelled.co.uk

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

  9. Andrew
    Forum Moderator
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic