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