StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Add a Logo to the Left of Text in Header (Eleven40)

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Add a Logo to the Left of Text in Header (Eleven40)

This topic is: not resolved

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 27, 2019 at 6:32 am #490896
    chrisjeub
    Participant

    Eleven40's customize options include text OR image for its header. I would like to have both: a logo on the left of the text on the right. For SEO purposes, I'd rather not create an image header with text in it. I merely want a logo floating to the left of the text header. I can't figure out how to do this. Any ideas?

    https://monumentmembers.com
    April 27, 2019 at 6:55 am #490898
    Victor Font
    Moderator

    You can create a CSS class for .site-title::before and add an image there:

    .site-title::before {
content: "";
background: url(path/to/image);
}

    You'll likely have to adjust the position, spacing, margins, etc.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 30, 2019 at 5:26 am #490922
    chrisjeub
    Participant

    Thanks Victor, you helped a lot. I have a followup request:

    I'd like the image to be bigger than the text font. It currently is sized to 30px, but I would like it to be more like 50px, fitting inside the 65px bar more than the title box. Is there a way to do this? I couldn't figure it out.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.