WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Center header picture in Blaskan theme (8 posts)

  1. carwashlive
    Member
    Posted 1 year ago #

    Hello,

    I have web site carwashlive.com I'm trying to center the picture on top of web site. I was able to center the text by installing<center><header id="header" role="banner"><center> Under Templates, then to header. I can't find out how to center the picture.

    PLEASE HELP... Its driving me nuts :)

    I have read forum and tried almost all of the suggestions.

    Thank You
    Christopher
    [sig moderated as per the Forum Rules]

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    <center> is deprecated code -- don't use it. But the reason it is left aligned is that float: left; is assigned to it -- see your CSS file line 524. Replace that with:

    width: 575px;
    margin: 0 auto;
  3. carwashlive
    Member
    Posted 1 year ago #

    Thank You WPyogi.

    How do I find line 524 and where is css under Templates?

    Is css Style.css?

    Thank You
    Christopher

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Is css Style.css?

    Yes, but are you using a child theme or do you have a custom CSS option or plug-in? If you edit the themes files, you will lose all your changes when the theme is updated.

  5. carwashlive
    Member
    Posted 1 year ago #

    WPyogi,

    I did not know it was child theme. I did do update and that is why the picture went to left. I will not do update again. I scrolled down to line 524 in css and it is blank. img {
    border: 0;
    }
    This is code above it. Should I insert code you posted there?

    Thanks
    Christopher

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, try that.

    But BTW, you really should create a child theme -- you don't have one which is why the changes were lost. Not updating is not a good strategy long-term...as some updates are important for security and/or functionality reasons.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Oops, sorry what I said above is not right -- you are not looking at the right CSS -- it's this one:

    figure img {
        float: left;
    }

    Change the float: left to what I posted earlier...

  8. carwashlive
    Member
    Posted 1 year ago #

    WPyogi,

    Thank You SOO much. Thanks for your patiences. That did IT. SO HAPPY.

    AGAIN - THANK YOU

    Christopher
    [sig moderated as per the Forum Rules]

Topic Closed

This topic has been closed to new replies.

About this Topic