Need help? Check out our Support site, then


I need help with CSS code to create a fixed sidebar widget

  1. Can someone please help me write CSS code for my 'ever after' themed site? I've tried to do it myself but I'm just not sure what I'm doing and it's frustrating. I know all about the parent theme - forever but I'd prefer to keep this other theme if possible.

    I'd like to move my information widgets from the bottom of my page to fixed sidebar locations. My ideal layout would be to have them over the background - Preferably to the left and the right of the primary body.

    Thank you in advance for your help!!! 😊

    This is my site - http://www.mainebookmomma.com

    The blog I need help with is mainebookmomma.com.

  2. Widget Areas
    Ever After doesn’t have a sidebar, but don’t panic! Instead, there are four optional widget areas in the footer. http://theme.wordpress.com/themes/ever-after/

    I'd like to move my information widgets from the bottom of my page to fixed sidebar locations. My ideal layout would be to have them over the background - Preferably to the left and the right of the primary body.

    Are you aware of the limitations of CSS editing? You can use it to change appearance only.You cannot use it to change the way any theme is designed to function.

    Does the Custom Design upgrade let me edit HTML?
    No. The Custom Design upgrade allows you to edit fonts, colors, and CSS only. You can change the appearance of a theme, but not its HTML markup or PHP code.
    read the rest at http://en.support.wordpress.com/custom-design/#frequently-asked-questions

  3. Hi there, on responsive width themes such as Ever After, moving a widget area from the footer to the left or right of the content area using CSS alone can be very problematic. Let me work on this a bit. The widget areas will be in the white area of the theme and because this is a responsive width theme, we will have to limit the to a specific browser window/device width and above otherwise your content will become unreadable.

  4. Ok, here is what I have. Two sidebars (left and right) are nearly impossible to get to flow right with the content when a browser is narrowed or viewed on a smaller device.

    The following gives you one sidebar on the left with 975px and wider browser/devices. Add the following CSS and see what you think.

    @media screen and (min-width: 975px) {
    #page {
        max-width: 1178px;
        position: relative;
    }
    #primary {
        margin-left: 250px;
        max-width: 75%;
    }
    #first {
        position: absolute;
        top: 310px;
        left: 50px;
        max-width: 200px;
    }
    #supplementary {
        position: static;
    }
    }

    I would suggest looking through the themes we offer and filter them for responsive width and both a right and left sidebar and see if there isn't something that you can use that already has two sidebars.

Topic Closed

This topic has been closed to new replies.

About this Topic