WordPress.org

Support

Support » Themes and Templates » TwentyEleven image alignment problem

TwentyEleven image alignment problem

  • Hi everyone, I’ve set up my website on wordpress recently and have a problem on the main page, I’m wondering if it’s the width of the theme.

    If you go to http://emilyjoyrickard.com you’ll see I’ve got the header image at the top with my name etc, then a menu bar and below it a promoslider fading between images. I wanted this promoslider to be the same size as the image at the top and in line with it beneath the menu bar.

    I think it’s a problem with the theme automatically aligning things but I’m not sure. All I know is there’s some kind of margin stopping the image being where I wanted it and I don’t know what I need to change.

    I’ve tried creating a child theme but I’m a bit stuck with that too – I need to sort this by tomorrow so if anyone’s able to help me out/give me some advice I’d really appreciate it – thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    You’ll need to manipulate the HTML structure of your header.php (in your Child Theme) so that the slider is above this element:

    <div id="main">

    WPyogi

    @wpyogi

    Forum Moderator

    I’d suggest fixing the style.css file in your child theme before doing anything else. That file should contain only changes to CSS, not a copy of your entire parent style.css file…

    okay thanks for the heads up with that, I’m new to this so not too familiar with all this coding stuff – I copied the style.css into a separate twentyelevenchild folder and it’s telling me the child theme is broken so i’d better go and sort that quickly

    okay hands up i haven’t a clue where to begin with this :-/ taken a wrong turn or two trying to make a child theme, clearly, and not sure where to even start editing – please help!

    WPyogi

    @wpyogi

    Forum Moderator

    See: http://codex.wordpress.org/Child_Themes

    The child theme stylesheet should have ONLY this to start with:

    /*
    Theme Name:     Twenty Eleven Child
    Template:       twentyeleven
    */
    
    @import url("../twentyeleven/style.css");

    esmi

    @esmi

    Forum Moderator

    You can download a pre-made Twenty Eleven child theme from here if that helps to get you started.

    ok thanks guys that’s great, got a new child theme up and running with the @import url

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Cool, now copy header.php from your theme and paste it into your Child Theme.
    Also let us know which page(s) you want the slider to appear on.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘TwentyEleven image alignment problem’ is closed to new replies.
Skip to toolbar