WordPress.org

Ready to get started?Download WordPress

Forums

TwentyEleven image alignment problem (9 posts)

  1. ejr24
    Member
    Posted 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!

  2. Barrel rider
    Volunteer Moderator
    Posted 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">
  3. WPyogi
    Volunteer Moderator
    Posted 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...

  4. ejr24
    Member
    Posted 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

  5. ejr24
    Member
    Posted 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!

  6. WPyogi
    Volunteer Moderator
    Posted 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");
  7. esmi
    Theme Diva & Forum Moderator
    Posted 11 months ago #

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

  8. ejr24
    Member
    Posted 11 months ago #

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

  9. Barrel rider
    Volunteer Moderator
    Posted 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.

Reply

You must log in to post.

About this Topic