• 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

Logo size

  • Unknown's avatar
    yaroling · Member · Jan 11, 2015 at 12:14 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi All,

    I’m new to CSS and a self-admitted luddite. I’m hoping to alter the dimensions of my logo–extend the width–and while I’ve come across a handful of related posts and attempted to use the accordant code, I haven’t had any success. My theme is “Pocket” the name of my site is: http://rankstranger.net

    Any assistance would be greatly appreciated–thanks in advance!

    Grant

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

  • Unknown's avatar
    staff-happychia · Staff · Jan 11, 2015 at 4:12 am
    • Copy link Copy link

    Let’s try this style and see how it goes:

    .logo-image {
        display:block;
        max-width:100%;
    }
  • Unknown's avatar
    yaroling · Member · Jan 11, 2015 at 2:46 pm
    • Copy link Copy link

    Hi Chaitanyamsv,

    Thanks for your response! The code you gave me works, but it moves the title to the left. Any idea how to center it?

    Best,
    Grant

  • Unknown's avatar
    staff-happychia · Staff · Jan 11, 2015 at 5:19 pm
    • Copy link Copy link

    I see the max-width is set to 70%

    .logo-image{display:block;max-width:70%}

    Can you change it to 100% as I have originally given and see how it goes?

  • Unknown's avatar
    yaroling · Member · Jan 12, 2015 at 12:19 am
    • Copy link Copy link

    Setting the max-width to 100% does center the title. Is there a way to change the size to less than 100% while maintaing a center alignment?

  • Unknown's avatar
    staff-happychia · Staff · Jan 12, 2015 at 5:42 pm
    • Copy link Copy link

    Please try this:

    .logo-image {
        display: inline-block;
        max-width: 70%
    }
  • Unknown's avatar
    yaroling · Member · Jan 12, 2015 at 8:09 pm
    • Copy link Copy link

    Perfect–thanks for your help!

  • Unknown's avatar
    frrrmanny · Member · Jan 12, 2015 at 10:09 pm
    • Copy link Copy link

    Hello, can someone help me with my logo. I designed my own logo, on paper and I need to do it on the computer and download to the website, please how can I do it.

  • Unknown's avatar
    vremeabucuresti · Member · Jan 12, 2015 at 10:23 pm
    • Copy link Copy link

    You have 2 options:

    1. Pay a logo designer to make it for you

    2. Try to scan the drawing and then make it digital with an editing image or vectors program

  • The topic ‘Logo size’ is closed to new replies.

Tags

  • CSS
  • logo
  • Pocket

About this topic

  • In: CSS Customization
  • 4 participants
  • 8 replies
  • Last activity 11 years
  • Latest reply from yaroling

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