• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Zuki theme : How can I center my logo image and make it bigger? CSS custom

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

  • Unknown's avatar
    charlottetheteapot · Member · Feb 22, 2015 at 4:35 pm
    • Copy link Copy link
    • Add topic to favorites 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)

  • Unknown's avatar
    thesacredpath · Member · Feb 23, 2015 at 8:33 pm
    • Copy link 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.

  • Unknown's avatar
    twentysomethingedinburgh · Member · Feb 24, 2015 at 12:30 am
    • Copy link 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

  • Unknown's avatar
    staff-happychia · Staff · Feb 24, 2015 at 8:57 am
    • Copy link Copy link

    @twentysomethingedinburgh

    Please try this CSS and let me know what you think:

    .site-logo-link {
    	width:900px;
    }
    
    .site-logo {
    	margin: 0 auto;
    }
  • Unknown's avatar
    staff-happychia · Staff · Feb 24, 2015 at 9:01 am
    • Copy link 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.

  • Unknown's avatar
    twentysomethingedinburgh · Member · Feb 24, 2015 at 5:59 pm
    • Copy link Copy link

    Perfect, thanks!

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

    thank you!

  • Unknown's avatar
    charlottetheteapot · Member · Feb 24, 2015 at 8:03 pm
    • Copy link Copy link

    Thank you very much for trying to help me @thesacredpath and staff-happychia, I figured it out now :)

  • Unknown's avatar
    twentysomethingedinburgh · Member · Feb 24, 2015 at 8:12 pm
    • Copy link Copy link

    Apologies- another question! staff-happychia

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

    Thanks

  • Unknown's avatar
    staff-happychia · Staff · Feb 25, 2015 at 8:21 am
    • Copy link 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;
    }
    }
  • Unknown's avatar
    twentysomethingedinburgh · Member · Feb 25, 2015 at 8:33 pm
    • Copy link 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!

  • Unknown's avatar
    staff-happychia · Staff · Feb 26, 2015 at 8:21 am
    • Copy link 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?

  • The topic ‘Zuki theme : How can I center my logo image and make it bigger? CSS custom’ is closed to new replies.

Tags

  • image
  • logo

About this topic

  • In: CSS Customization
  • 4 participants
  • 10 replies
  • Last activity 11 years
  • Latest reply from charlottetheteapot

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions