TwentyEleven image alignment problem

  • ejr24

    (@ejr24)


    10 years, 11 months ago

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    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)

    10 years, 11 months ago

    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)

    10 years, 11 months ago

    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)

    10 years, 11 months ago

    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)

    10 years, 11 months ago

    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)

    10 years, 11 months ago

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

    Thread Starter ejr24

    (@ejr24)

    10 years, 11 months ago

    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

    10 years, 11 months ago

    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.