Support » Themes and Templates » 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.