Logo and Title together in header

Community Forums Forums Design Tips and Tricks Logo and Title together in header

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  newfjcamping 9 months, 4 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #87340

    newfjcamping
    Participant
    Post count: 1

    Hi!
    I’m using “Enterprise Pro Theme” and I would like to include a logo (to the left side) and keep the title next to the logo.
    In the option “appearance – header”, I can upload a logo but it will remove the title.

    Is it possible to include a logo in the header and also keep the title.? could somebody tell me how to do it…

    I am willing to follow some programing instructions.

    Thanks in advance.

    http://fashioncaredrycleaners.com/
    #87355

    asterbird
    Participant
    Post count: 101

    Yes, what you would do is add the logo as a background image, then add padding as needed to show beside or above the text.

    Example: in line 1040 in your style.css file, change to:

    .site-title a, 
    .site-title a:hover {
        background: url("//s.w.org/about/images/logos/wordpress-logo-32-blue.png") no-repeat left center;
        padding-right: 45px;
    }

    That bumps the site title text down, so change the widths to compensate.

    Example: in line 1019, change width to:

    .title-area {
        float: left;
        padding: 0 0 4px;
        width: 452px;
    }

    And in line 1078, change width to:

    .site-header .widget-area {
        float: left;
        text-align: left;
        width: 683px;
    }
    #88439

    newfjcamping
    Participant
    Post count: 1

    Thanks so much asterbird. it works good.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.