• 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 / Changes in header

Changes in header

  • Unknown's avatar
    olalaboutique · Member · Nov 29, 2011 at 1:02 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi, I want to move my logo to the right side of the header, and add the store address in the left. Is it possible? Should I type it in a text widget and then move it or it has to be an image?

    URL: http://olalaboutique.com/

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

  • Unknown's avatar
    thesacredpath · Member · Nov 29, 2011 at 1:53 am
    • Copy link Copy link

    I would probably suggest putting it into your header image, but you could put the two bits into text widgets and style and move them up on top of the whitespace on each side of the central part of the header.

  • Unknown's avatar
    olalaboutique · Member · Nov 29, 2011 at 2:27 am
    • Copy link Copy link

    Ok, I think it will be better with text, but if it is much of a problem I can add it to my header image.

    I already done the two text widgets, one with the adress (starts: Rio Colorado…) and the other the logo.

    Can you help me moving them to the top?

  • Unknown's avatar
    olalaboutique · Member · Nov 29, 2011 at 2:32 am
    • Copy link Copy link

    I quit the previous logo CSS for the moment.

  • Unknown's avatar
    thesacredpath · Member · Nov 29, 2011 at 3:16 am
    • Copy link Copy link

    Give this a try and see what you think.

    #container {
        position: relative;
    }
    
    #masthead {
        margin-top: 68px;
    }
    
    #text-10 {
        position: absolute;
        top: 27px;
        left: 15px;
    }
    
    #text-10 p {
        margin-bottom: 3px;
    }
    
    #text-11 {
        position: absolute;
        top: 35px;
        right: 0;
    }
  • Unknown's avatar
    olalaboutique · Member · Nov 29, 2011 at 3:55 am
    • Copy link Copy link

    It worked great thanks.

    I erased the central header in Settings, and it all moved. There is another way to do that?

  • Unknown's avatar
    thesacredpath · Member · Nov 29, 2011 at 4:00 am
    • Copy link Copy link

    Yes, put the title back in at settings > general and then add this to your CSS.

    #site-title a {
    margin-left: -9999px;
    }
  • Unknown's avatar
    olalaboutique · Member · Nov 29, 2011 at 5:25 am
    • Copy link Copy link

    Thanks, man.

  • Unknown's avatar
    thesacredpath · Member · Nov 29, 2011 at 5:29 am
    • Copy link Copy link

    You are welcome.

  • The topic ‘Changes in header’ is closed to new replies.

Tags

  • coraline
  • header text
  • logo

About this topic

  • In: CSS Customization
  • 2 participants
  • 8 replies
  • Last activity 14 years
  • Latest reply from olalaboutique

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