Logo and site title lined up

This topic has 7 replies, 4 voices, and was last updated 8 years, 9 months ago by Sakin.

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

Author

Posts
November 23, 2015 at 9:45 pm #80143
Susie
Participant
Het Sakin is there anyway of having the site title and tag line centered with the logo lined up to the left?
My site is http://www.blackdogcarpentry.co.uk
Thanks a lot
I currently have this in my custom css:
```
.site { width: 100%; }
@media screen and (min-width: 480px) {
    #featured-content.layout-three .hentry {
        text-align: center;
        width: 33.33%;
    }

#feature-slider .cycle-slideshow { max-width: 100%; }

#site-branding {
    display: block;
    text-align: center
;
    width: 100%;
}
#site-header { 
    width: 100%; 
}

#site-logo {
    display: block;
    float: none;
    margin: 0 auto;
    width: auto;
}
```
November 24, 2015 at 1:13 am #80172

Sakin
Keymaster

@Susie: It’s good to add logo, site title and tagline to center or left. You have it center. But why do you want logo to e at left.

November 24, 2015 at 4:59 am #80183

Susie
Participant

Hey,
Because there is to much blank space on either side of the logo/title. Having the logo and the title on the same line would make it narrower and get ride of the blank space.
can’t I just float the logo to the left of the title?
Thanks

November 25, 2015 at 9:40 am #80238
Sakin
Keymaster
@Susie: That’s not possible with custom css. So, I suggest you to add those text in the image itself and just add logo and disable site title and tagline.

Or you can float logo and title both to the left. For this, you can just add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
```
#site-logo,
.logo-left #site-header {
    display: inline;
    float: left;
    width: auto;
}
```
December 9, 2015 at 5:52 am #80830

Alan
Participant

Regarding this question is there a way to center the text alongside the logo? Right now the text is at the top. You can look at the site at http://sanjuansites.biz/msjs

December 9, 2015 at 5:45 pm #80866
Sakin
Keymaster
@Alan: You can add padding top. So, try adding in the following css:
```
@media screen and (min-width: 991px) {	
    #site-header {
        padding-top: 20px;
    }
}
```
February 12, 2016 at 8:29 pm #85282

giuliog
Member

Hi,

I am experiencing I think the same issue. I am unable to align the logo with the text.
At the moment the togo is on top of the title although I deally I would like it near the search widget on the right.

Is that possible?

http://s611122501.websitehome.co.uk/

Thanks in advance

Giulio

February 13, 2016 at 11:38 pm #85364

Sakin
Keymaster

@giuliog: Sorry, I don’t get it what you mean. Your log and site title is lined up. I don’t see any issue. Can you post in screenshot of what you want. So, that it’s clear for me.
Author

Posts