WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Theme: WPStart - Child] Footer Widgets Misaligned (11 posts)

  1. brisus
    Member
    Posted 1 year ago #

    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?

  2. krusze
    Member
    Posted 1 year ago #

    Hi brisus,
    Send me link to your website where problem occurs, please.

  3. brisus
    Member
    Posted 1 year ago #

  4. krusze
    Member
    Posted 1 year ago #

    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;
    }

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @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.

  6. brisus
    Member
    Posted 1 year ago #

    @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?

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  8. krusze
    Member
    Posted 1 year ago #

    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.

  9. brisus
    Member
    Posted 1 year ago #

    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!

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  11. brisus
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic