Zuki theme : How can I center my logo image and make it bigger? CSS custom

charlottetheteapot · Member · Feb 22, 2015 at 4:35 pm
Copy link

Add topic to favorites
Zuki theme : How can I center my logo image (under the title) and make it bigger? (As on the demo site?)

Many thanks in advance if you can help with a CSS code

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 23, 2015 at 8:33 pm
Copy link
Hi, I’m not seeing a logo on the site you reference right now, only the title and tagline, and I’m not seeing a logo image on the Zuki Demo site either, only the featured content slider.
twentysomethingedinburgh · Member · Feb 24, 2015 at 12:30 am
Copy link
I am having a similar issue for the Edin theme – I can’t seem to centre my logo. Could I please have help with the CSS code for this?

Here is my link: http://twentysomethingedinburgh.com
staff-happychia · Staff · Feb 24, 2015 at 8:57 am
Copy link
@twentysomethingedinburgh

Please try this CSS and let me know what you think:
```
.site-logo-link {
	width:900px;
}

.site-logo {
	margin: 0 auto;
}
```
staff-happychia · Staff · Feb 24, 2015 at 9:01 am
Copy link
@charlotteandtheteapot

Please first add a logo and see if you can reuse the CSS on this thread.

Please feel free to let us know otherwise so we can help you with your exact CSS to use on your site.
twentysomethingedinburgh · Member · Feb 24, 2015 at 5:59 pm
Copy link
Perfect, thanks!

Could you also help me to centre the title ‘twenty something edinburgh’ ?

thank you!
charlottetheteapot · Member · Feb 24, 2015 at 8:03 pm
Copy link
Thank you very much for trying to help me @thesacredpath and staff-happychia, I figured it out now :)
twentysomethingedinburgh · Member · Feb 24, 2015 at 8:12 pm
Copy link
Apologies- another question! staff-happychia

How do I get the title to the left side of my logo?

Thanks
staff-happychia · Staff · Feb 25, 2015 at 8:21 am
Copy link
@twentysomethingedinburgh

No need to be apologetic. I am here to help as much as I can :-)

Let’s try this CSS. This will affect the style only on the screen width more than or equal to 600px. The existing styles remain as is on mobile screens.
```
@media screen and (min-width: 600px) {

.header-wrapper {
    position:relative;
    height: 250px;
}

.site-branding {
    position:relative;

}

.site-logo-link {
position: absolute;
}

.wf-active .site-title {
    margin-top: 75px;
}
}
```
twentysomethingedinburgh · Member · Feb 25, 2015 at 8:33 pm
Copy link
When I do that code the logo is on top of my title – it’s the right idea though! If I could get them side by side that would be perfect?

Many thanks!
staff-happychia · Staff · Feb 26, 2015 at 8:21 am
Copy link
I can’t access your blog now. It is hard to believe but I see some

“Not Found

Sorry, but you are looking for something that isn’t here.”

Have you changed your blog’s address?

No items found.