• 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 / Logo Size Change in Gateway Theme

Logo Size Change in Gateway Theme

  • Unknown's avatar
    christinaskis · Member · Jun 26, 2015 at 5:27 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hello,

    Super new at this… I am trying to change my logo size in the Gateway theme, but it seems like it’s locked in to a set dimension, I can’t change the pixel numbers in CSS. I think the gateway-site-logo coding keeps it set, I have no idea how to change that in CSS.

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

  • Unknown's avatar
    ehtis · Staff · Jun 27, 2015 at 12:03 am
    • Copy link Copy link

    Hey Christina,

    Try this code:

    .site-logo {
    	max-width: 500px;
    	max-height: 250px;
    	width: 200px;
    	height: 200px;
    }

    Change the width and height according to your liking.

    P.S. Winter and snow rocks! :)

  • Unknown's avatar
    andytotheg · Member · Jul 22, 2015 at 10:54 pm
    • Copy link Copy link

    Where do you enter this code though? I’ve looked everywhere. :/

  • Unknown's avatar
    thesacredpath · Member · Jul 23, 2015 at 7:50 am
    • Copy link Copy link

    @andytotheg, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.

  • Unknown's avatar
    andytotheg · Member · Jul 27, 2015 at 3:40 pm
    • Copy link Copy link

    Thank you @thesacredpath, but I don’t have a CSS drop down menu in the Customizer. I’m assuming that’s a menu item only available to premium users maybe? Or perhaps is this only available to WordPress.org users?

  • Unknown's avatar
    thesacredpath · Member · Jul 28, 2015 at 6:42 am
    • Copy link Copy link

    Hi, I’m seeing the WordPress.com Premium Plan upgrade on christinaskis.com, and I’m seeing CSS at Appearance > Customize on that site.

    Are you by chance talking about a different site?

  • Unknown's avatar
    andytotheg · Member · Jul 28, 2015 at 2:03 pm
    • Copy link Copy link

    Hi, Sorry. I just figured it out. I was talking about how it applied to my site and just wasn’t clear that her site was on a premium plan.

    Thanks for your help though!

  • Unknown's avatar
    thesacredpath · Member · Jul 28, 2015 at 8:52 pm
    • Copy link Copy link

    You are welcome.

  • The topic ‘Logo Size Change in Gateway Theme’ is closed to new replies.

Tags

  • CSS
  • customization
  • Gateway
  • logo
  • size
  • theme

About this topic

  • In: CSS Customization
  • 4 participants
  • 7 replies
  • Last activity 10 years
  • Latest reply from christinaskis

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