• Resolved brisus

    (@brisus)


    I was currently using the WPstart theme for a client’s website, backed everything up, and installed the newest theme update today.

    No matter what I do with my CSS in my child theme file, the footer refuses to change. Even to test, I tried changing the actual theme’s file, but it didn’t appear to work. (Weird thing is in my Chrome web developer tool if I made changes to a specific element, it seemed to work there.)
    There are supposed to be four widgets displayed inline, but now they are left aligned down the side.

    Screenshot: HERE

    What can I do to resolve this issue with my Child theme’s CSS?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi brisus,
    Send me link to your website where problem occurs, please.

    Thread Starter brisus

    (@brisus)

    brisus, check Your wpstart installation.
    You need to have these style rules:

    .sidebar-footer {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    width: 220px;
    }
    .sidebar {
    font-size: 1.2rem;
    line-height: 2;
    }

    @brisus – that’s not a valid child theme – it looks like you just changed the theme name? See: http://codex.wordpress.org/Child_Themes . So start by getting that set up correctly and then your CSS will be easier to manage/change.

    Thread Starter brisus

    (@brisus)

    @kruszepl
    Thank you, that definitely did the trick. I see what happened–that particular piece in the theme was called “.sidebar-footer .widget-area”, but with the new update, it no longer works that way. That did the trick and I adjusted the .sidebar property as needed.

    …how did I overlook the obvious? :/

    @wpyogi
    I’m not following you exactly–I have a child theme based on the template with all the template information in the top and my theme has the required css file in another directory. Is it because it contains most of the style of the parent?

    No, it’s not a valid child theme – a child theme has an @import line to import the styles of the parent theme — and yes, it only has changes to the CSS code, not the entire stylesheet. Your child theme stylesheet does not have the @import:

    /*
    Theme Name: WPstart
    Description: Child theme of WPstart.
    Author: Em-Media, Inc.
    Version 1.0
    Template: wpstart
    */
    
    /*
    Reset default browser CSS.
    Based on: http://meyerweb.com/eric/tools/css/reset/index.html
    */
    ....stylesheet content follows here

    Review the page on Child Themes if you’re not clear on this.

    Yep, WPyogi is right.
    You should add this line:
    @import url(“../wpstart/style.css”);

    to:
    http://www.aaahomes.net/wp-content/themes/wpstart_child/style.css

    in order to import default WPstart styles.

    Thread Starter brisus

    (@brisus)

    Well, that isn’t a big issue. Easy fix and when I get back to the office, I will re-write the css for teh child theme to include only the necessary elements.

    Thanks!

    Unfortunately, that’s not all that will be involved – when you correctly set up and switch to a child theme, you will need to move any changes you’ve made to the child theme, and you will have to redo any theme options/settings in the child theme. They are not automatically moved to a child theme.

    Thread Starter brisus

    (@brisus)

    I’m in a child theme right now (well, the supposed one). I’m not making any edits to the parent. What I edited today was the “child” so-to-speak.

    And the child is the theme activated that I made the changes to?

    You lost me again.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Theme: WPStart – Child] Footer Widgets Misaligned’ is closed to new replies.