- This topic has 7 replies, 4 voices, and was last updated 8 years, 2 months ago by Sakin.
-
AuthorPosts
-
November 23, 2015 at 9:45 pm #80143SusieParticipant
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 #80172SakinKeymaster@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 #80183SusieParticipantHey,
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?
ThanksNovember 25, 2015 at 9:40 am #80238SakinKeymaster@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 #80830AlanParticipantRegarding 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 #80866SakinKeymaster@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 #85282giuliogMemberHi,
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 -
AuthorPosts
- The topic ‘Logo and site title lined up’ is closed to new replies.