WordPress.org

Ready to get started?Download WordPress

Forums

Cakifo
[resolved] Center Header Image (15 posts)

  1. netlover
    Member
    Posted 1 year ago #

    How do I center the header image on this theme?

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    A link to your site would make it much easier for someone to help you.

  3. netlover
    Member
    Posted 1 year ago #

    Thanks! The site is located at:
    http://aplusclassiccollision.com/

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you know where to put this CSS:

    .flexbox #site-title {
     width: 100%;
     text-align: center;
    }

    ?

  5. netlover
    Member
    Posted 1 year ago #

    the theme has a flex box section under the header section. here is what is there right now:

    * Use Flexbox to vertical center the site title and description
    */
    .flexbox #branding hgroup {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    }
    .flexbox #site-title {
    float: none;
    margin: auto auto auto 40px;
    }
    .flexbox #site-description {
    float: none;
    margin: auto 40px auto auto;

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Where is that from, header.php?

  7. netlover
    Member
    Posted 1 year ago #

    no that is from the header section of the style.css file for the theme.

  8. netlover
    Member
    Posted 1 year ago #

    i can post that entire section of the file if you like.

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have a section of the dashboard named, "Custom CSS" or "Edit CSS"?

  10. netlover
    Member
    Posted 1 year ago #

    no, all i see is the regular editor for the different files in the appearance section

  11. Jesper Johansen (jayjdk)
    Member
    Theme Author

    Posted 1 year ago #

    Hello,

    You can either use Jetpack's custom CSS feature or a create a child theme.

    This CSS should work (thanks Andrew Nevins):

    #site-title {
       width: 100%;
       text-align: center;
    }

    - Jesper

  12. netlover
    Member
    Posted 1 year ago #

    Thanks for getting this to me. Where in the code do I need to put this?

  13. Jesper Johansen (jayjdk)
    Member
    Theme Author

    Posted 1 year ago #

    Do you use a child theme or Jetpack? If you use Jetpack (sounds like the best solution for you) you go to Appearance > Edit CSS and add the CSS in the text box.

    - Jesper

  14. netlover
    Member
    Posted 1 year ago #

    I used edit CSS in Jetpack and it worked! Thanks so much Andrew and Jesper :))

  15. Jesper Johansen (jayjdk)
    Member
    Theme Author

    Posted 1 year ago #

    You're welcome :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.