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 https://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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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">

    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…

    Thread Starter ejr24

    (@ejr24)

    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

    Thread Starter ejr24

    (@ejr24)

    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!

    See: https://codex.www.ads-software.com/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");

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

    Thread Starter ejr24

    (@ejr24)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.