WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need to Move Header Image to Right Align (14 posts)

  1. eknight74
    Member
    Posted 1 year ago #

    http://simplesavvyliving.com

    I am using the Admired theme. the header image and site name and tag line are both left aligned. I wanted to leave the site title and tag line alone but I want the image in the header to right align. This way you can read the site title and tag line.

    Any help appreciated.

  2. eknight74
    Member
    Posted 1 year ago #

    I added the code below to my style sheet but this made the picture seem too big for the set header image space. I need to correct this in addition to move the image right.

  3. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    The following CSS seems to work...

    #site-title {
    float:right;
    }

    #site-description {
    float:right;
    }

    #header-group hgroup {
    float:right;
    width: auto;
    }

    Then make the font for site title and site description a bit smaller...

  4. eknight74
    Member
    Posted 1 year ago #

    I didn't want to move the text to the right.

    I want to move the image to the right.

    Now I need help reversing what you gave me.

    To summarize, I need to move the text back to left alignment.
    I need to move the header image to the right and correct the size of the image so it isn't cropped by the size of the header space.

    Thanks.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Remove what you changed - it should be in custom CSS or your child theme. To change the image - change the background alignment by adding this:

    #header-logo {
        background: url("http://simplesavvyliving.com/wp-content/uploads/2013/02/collage-3.jpg") no-repeat scroll right 0 transparent;
    }

    The "right" is changed from the existing CSS.

  6. eknight74
    Member
    Posted 1 year ago #

    I have corrected the title and tag line. It is now on the left. However it is two lines instead of one.

  7. eknight74
    Member
    Posted 1 year ago #

    WPyogi,
    Thanks you so very much for helping with the image. It is now right aligned. Can you take a look at the site again and help me correct the site title and tag line. The colors are correct. I want the font size to be slightly smaller on both. In addition, I want the tag line to be one line and if this causes the font to need to be smaller that is okay.

    Whatever Seacoast Web Design had me add to my style sheet changed it to the way it appears now which is completely not right.

    Thanks in advance you and esmi are the best. :)

  8. eknight74
    Member
    Posted 1 year ago #

    WPyogi,
    I forgot to mention, my image was showing entirely until I made the intial changes by Seacoast Web Design. Now it is cropped off at the bottom like the space isn't wide enough. If you could help with this I would greatly apprecaite it.

  9. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Whatever Seacoast Web Design had me add to my style sheet changed it to the way it appears now which is completely not right

    I did so as forcing the image right (in a div of the size set) and the text left will likely prove more burdensome...review your site on a smaller screen now...

  10. eknight74
    Member
    Posted 1 year ago #

    When I made the changes you submitted it left the image on the left and put the text on the right. I copy and pasted exactly what you typed. I'm sorry for the misunderstanding.

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    eknight - I'm a bit confused as to where you are making changes - it looks like you have custom CSS and a Child Theme. Also, do you have caching active?

  12. eknight74
    Member
    Posted 1 year ago #

    I just want WPyogi to know what I have done so as to offer assistance.

  13. eknight74
    Member
    Posted 1 year ago #

    I make any additions to css in the edit css option under the child theme. This ensures I don't change any original code and mess anything else up since I am new at this.

    I don't know what you mean by caching active? Remember I am new.

    This is what I need.
    1)header space bigger so the image isn't cropped.
    2)Site tag line font changed so as to make it one line.
    3)Site title font decreased slightly so it doesn't run into the image.

  14. eknight74
    Member
    Posted 1 year ago #

    This issue is resolved.

Topic Closed

This topic has been closed to new replies.

About this Topic