• I need to change my Reddle from 100% to fixed and centered width of 900px; 60% of it for the entry area and the rest in the sidebar. I off course want margins etc (is that what it’s called? space between the different areas).

    Any idea how to do that?

    My site: https://pugsheaven.com/

Viewing 5 replies - 1 through 5 (of 5 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, I checked your site and see that it is using Espressionista, not Reddle. Did you choose a different theme or have you not yet switched over to Reddle?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Just in case, what you would want to do would be to create a child theme for your changes and then open the orginal stylesheet and copy out all the CSS, except for the @media rules at the bottom and paste it into the child theme CSS file. Next, remove the
    @import url("../reddle-wpcom/style.css");
    from the top of the child theme CSS file.

    Next, find #page rule in the child theme CSS and add a width declaration
    width: 900px;

    Save and your site should then be fixed width. I tested on my test site and that was what worked for me.

    For reference:
    Child Themes
    Child Theme creation plugins

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Also, you can try adding this at the bottom of your child CSS, or find these rules in the copied CSS and add in/modify them for the content and sidebar width.

    .secondary #primary {
        width: 540px;
    }
    .secondary #content {
        margin-right: 0;
    }
    #main .widget-area {
        width: 270px;
        margin-right: 6%;
    }
    #main .widget-area .widget {
        margin-left: 30px;
    }

    The above was sort of a rough pass on things. You may want to edit if it isn’t exactly what you are looking for.

    Thread Starter larsjorgenbr

    (@larsjorgenbr)

    Sorry, been busy.

    Yes, I did install another theme, but now I’m back to Reddle.

    If I remove the @media the theme will not be responsive to different devices, right? Any way to get around this, having a fixed width for the computer users and still showing the site to mobile users without them having to scroll sideways?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    That’s great, and in general, removing the media queries would make the theme fixed, but in some instances “max-width” declarations outside of the media queries have to be changed to straight widths, and any % widths typically you would want to change to fixed also.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change from 100% to fixed width’ is closed to new replies.