[resolved] Center align header image (5 posts)

  1. momomix
    Posted 1 year ago #

    So pretty simple, just want to center align my header logo. I've tried width: 70% but it's still too much to the left. I'd like it right smack in the middle. Please help!

  2. momomix
    Posted 1 year ago #

    Also... sorry I'm pretty new with css, but how/where do I change the font of all text (ie titles, subtitles, body...)?

  3. Anthony Hortin
    Theme Author

    Posted 1 year ago #

    It's actually not quite as easy as a simple css change. Quark uses a 12 column grid. Currently for the header section, it uses 5 columns for the logo and 7 columns for the social icons and menu.

    (if you haven't seen it already, have a look at the demo site)

    If you want to align the logo perfectly in the center, then you can remove the social icons & menu and extend the logo container to the full 12 columns. Alternatively, if you still need the menu, then you'd need to put the logo on a separate "row".

    All these changes would need to be done within header.php.

    For making simple text style changes, you'd need to update the styles in style.css.

    If you're uncomfortable making html/php/css changes then I would highly recommend getting a developer to make them for you.

  4. joshua.plays
    Posted 1 year ago #

    Hi there! I have the same request.

    However, I have created a child theme for my Quark parent theme. Curious if you can adjust the .php within the .CSS stylesheet of the child theme?

    Any articles or YouTube videos you can point me to would be great!

    Here's my site:

    Love your theme by the way! Just want to "center" the header content altogether.


  5. esmi
    Forum Moderator
    Posted 1 year ago #

    @joshua.plays: If you require assistance then, as per the Forum Welcome, please post your own topic.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic