WordPress.org

Ready to get started?Download WordPress

Forums

Highwind
[resolved] How to make oval picture in header larger? (13 posts)

  1. RRVCKY
    Member
    Posted 9 months ago #

    Is there a way to make the oval picture in the header larger? Our logo is cut-off just a tad. Do not want to make it too much larger.

    Also, is there a way to make the header itself less thick (the blue part)? When you pull up our website, it's all you see. I am novice/proficient in html.

    Our website: http://www.richmondroadvetclinic.com

    Thank you!
    Lauren

  2. designbyjesseR
    Member
    Posted 9 months ago #

    Hello lauren! you can adjust the height of the header by adjusting these values in your styles.css:

    .header {
    padding-top: 3.478em;
    padding-bottom: 3.478em;
    }

    what comes to the logo have you tried making it a bit smaller so it would fit in as a whole to the oval shape? :-)

  3. RRVCKY
    Member
    Posted 9 months ago #

    Thank you for your quick response!

    I will try editing the CSS to change the height!

    And I tried reducing the size of the logo last night; it was late and I think I was falling asleep at my laptop so I'll try again this morning. :) Thanks again!

    Lauren

  4. RRVCKY
    Member
    Posted 9 months ago #

    Changing the height was super easy. I feel like an HTML guru now! Thanks again!

    Lauren

  5. RRVCKY
    Member
    Posted 9 months ago #

    I reduced the size of the logo again this morning and it actually looks worse when I upload it. Am I just having a blonde moment? Am I missing a step?

    Lauren

  6. RRVCKY
    Member
    Posted 9 months ago #

    And to just own my persona of posting multiple times, when I changed the padding of the header, it moved my side menu to the bottom of the website now...

  7. designbyjesseR
    Member
    Posted 9 months ago #

    One option would be to change the logo to square one and then it will show in all of its glory because this seems to be the reason what crops the picture :-) by this command:

    .site-intro .avatar, .highwind-logo {
    border-radius: 0%;
    }

    and if it doesn't work with a smaller picture it is a bit bigger knot to solve :-) but the site looks great to my eye now very nice lauren! :-)

  8. designbyjesseR
    Member
    Posted 9 months ago #

    or try the border-radius with this one:

    .site-intro .avatar, .highwind-logo {
    border-radius: 20px 20px 20px 20px;
    }

    the logo doesn't get cropped but you got the nice roundness feel in it still :-) ofc this is just my opinion! :-D

  9. RRVCKY
    Member
    Posted 9 months ago #

    Love it :) - I used the second one as I like the roundness feel too! Thank you!

    Any idea on how to fix the sidebar widgets being moved to the bottom? I've went into settings->writing and clicked the "WordPress should correct invalidly nested XHTML automatically" and it did not help.

  10. designbyjesseR
    Member
    Posted 9 months ago #

    actually to me your site looks just perfect, the widgets haven't moved to the bottom they start from the top right side and go down just nicely :-O and in the responsive side everything works well together! what browser are you using I'm using firefox and the site is perfect! :-)

  11. RRVCKY
    Member
    Posted 9 months ago #

    Google Chrome... switching now. Thank you so much for all of your help! You are awesome!

  12. designbyjesseR
    Member
    Posted 9 months ago #

    I just checked with google chrome also and it works perfect with that so I guess we can call this a success wooo :-D was nice to help you! :-)

  13. Centrum Kultury
    Member
    Posted 8 months ago #

    Hi all!

    Im totally noob and have no idea how to delete this avatar logo and also title of my website.

    I just want to have clear website with JPG in header (2500x600?).
    link: http://www.ckchojna.pl

Reply

You must log in to post.

About this Theme

About this Topic

Tags