• 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 / reducing the distance between logo and image on a static page

reducing the distance between logo and image on a static page

  • Unknown's avatar
    darren82 · Member · Feb 21, 2017 at 12:49 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    hi guys

    i have a company logo on the top left corner

    I have 4 images below that, stacked one on top of another in a row.

    I need the distance between the logo and the first image to be smaller, the gap is too much and looks silly.

    Thank you

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    jjberg83 · Member · Feb 21, 2017 at 6:33 pm
    • Copy link Copy link

    Hi @darren82,

    Your site is marked as private, which means we cannot see your site. If you want help from the forum, please make it public so we can try to help you out ;)

  • Unknown's avatar
    thesacredpath · Member · Feb 22, 2017 at 3:36 am
    • Copy link Copy link

    Hi @darren82, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

    .site-header {
      padding-bottom: 0;
    }
  • Unknown's avatar
    thesacredpath · Member · Feb 22, 2017 at 3:38 am
    • Copy link Copy link

    If you wish to center your logo, you can add the following.

    .site-branding {
        margin: 0 auto 0;
    }
  • Unknown's avatar
    darren82 · Member · Feb 22, 2017 at 10:50 am
    • Copy link Copy link

    hi thanks guys my profile is public

  • Unknown's avatar
    thesacredpath · Member · Feb 22, 2017 at 8:46 pm
    • Copy link Copy link

    You are welcome. Let me know if you need further help with this.

  • The topic ‘reducing the distance between logo and image on a static page’ is closed to new replies.

Tags

  • distance
  • image
  • logo

About this topic

  • In: CSS Customization
  • 3 participants
  • 5 replies
  • Last activity 9 years
  • Latest reply from darren82

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