Another centering of header items CSS question

  • Resolved chinners

    (@chinners)


    11 years, 6 months ago

    Hi – I’m trying to modify a free theme where I have selected an image (rather than text) as the header. It is currently aligned left and I would like to center it. I am new to WP but, as far as I can tell, I need to add some over-ride CSS code in the ‘edit css’ section.

    Can anyone help? I’ve tried adding stuff like header, nav-bar, navbar-header but cannot get it to center. I’m hoping this will also center the menu bar BTW.

    Many thanks hopefully in advance – the URL is http://www.reidcooper.co.uk/new

    Mark

Viewing 5 replies - 1 through 5 (of 5 total)
  • fevered – a11n

    (@fevered)

    11 years, 6 months ago

    Try this code:

    .has-top-slider .banner .container {
    text-align: center;
}
    Thread Starter chinners

    (@chinners)

    11 years, 6 months ago

    Thanks for your reply – unfortunately that doesn’t work. Just to confirm I am doing this right, I have pasted the content of my EDIT CSS below:

    ==========================

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.
    */
    body {
    color: black;
    }

    .has-top-slider .banner .container {
    text-align: center;
    }

    Thread Starter chinners

    (@chinners)

    11 years, 6 months ago

    I have just un-minified the CSS code to help make this a little more user friendly for anyone using Firebug. I’ve spent all day trying various permutations but with no luck so far. Grrrrrrr!

    stephencottontail

    (@stephencottontail)

    11 years, 6 months ago

    Try this:

    .navbar-header {
	float: none;
	text-align: center;
}
    Thread Starter chinners

    (@chinners)

    11 years, 6 months ago

    Genius! Thanks very much. I owe you a beer!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Another centering of header items CSS question’ is closed to new replies.