Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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;
    }
    #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.

    #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

    #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;
    }
    #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

    #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;
        }
    }
    #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

    #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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo and site title lined up’ is closed to new replies.