Change the size of blog width (OXYGEN THEME)

madhypemx · Member · Oct 12, 2013 at 7:17 pm
Copy link

Add topic to favorites
I want change the original size (470px) to 900 px
I need the css code :(

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 12, 2013 at 8:39 pm
Copy link
Hi there, with Oxygen being a responsive width theme, and with the featured image width set in the theme PHP script files, which we cannot edit, resizing the content area means your images are going to lose sharpness and quality. What I’ve done is to adjust the widths of the two sidebars so as to keep them the same relative widths they were, and increased the overall width of the theme so that the featured images/content can be around 900px, but as you will see when you try the following code, your images lose a lot of quality.
```
#page {
    max-width: 1400px;
}

.featured-image img {
    width: 910px;
}

#tertiary {
    margin-left: -17.6%;
    width: 17.6%;
}

#content {
    margin: 0 20% 0 15%;
}

#secondary {
    width: 12.4%;
}
```
You will also need to create a new 1400px wide header image and put the URL into the CSS instead of using the header uploader and insertion feature. The header image will lose the link to the home page, but that can be brought back with a little CSS trickery.

Check the above though and see if the image quality will be acceptable to you. If it is, I can help with the header image issue and the trickery to get it linked to your home page again.
madhypemx · Member · Oct 15, 2013 at 11:17 pm
Copy link
@thesacredpath THANKS SO MUCH!!!!
thesacredpath · Member · Oct 15, 2013 at 11:28 pm
Copy link
You are welcome.

No items found.