Formating Site Title, Tagline, & Logo

  • Author
    Posts
  • #88295

    Hi there,

    We chatted recently on a separate thread about my need of getting some custom CSS in order to reformat the area above the navigation bar.

    Basically, my client wants his logo to appear on the left side of the tagline, and thereby enabling us to get rid of the Site Title entirely (as the Logo and site title say the same thing).

    Here are some links to illustrate what we are envisioning:
    Option 1

    Option 2

    Here is a link to the Logo by itself:

    Logo

    Let me know if there is anything else you need from me. Thanks so much!

    The blog I need help with is: (visible only to logged in users)

    #88398
    binarymoon
    Theme Author

    Hi there – thanks for the infos.

    To do what you want you would need to use the following:

    .masthead {
    background:#fff;
    }
    
    .masthead .branding-menu {
        background: url(https://esquireembroiderydotcom.files.wordpress.com/2015/12/esquire-emb-logo-in-color-2-1-e1450585804821.jpg) left center no-repeat #fff;
        background-size: 40%;
    }
    
    .masthead h1.site-title {
    display:none !important;
    }
    
    .masthead .branding {
        text-align: left;
        margin-left: 42%;
    }

    We might need to tweak this but it should be a good starting point.

  • The topic ‘Formating Site Title, Tagline, & Logo’ is closed to new replies.