Bloggy theme CSS – change max image size allowed in a blog post

lookingupphoto · Member · Oct 1, 2014 at 1:47 am
Copy link

Add topic to favorites
Hi all

Using Bloggy theme…..Trying to change the max image size allowed in a blog post. Would like all images blogged to be max size… (Is that 1500?)

Many thanks!

Karen

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 1, 2014 at 2:15 am
Copy link
Hi there, Bloggy has an overall maximum content width (post + sidebar) of 1280px. The content area and sidebar are set as percentages of that (content: 75.33% and sidebar: 20.66%).

Bloggy is a responsive width theme which means it adjusts the site for browser window and device width so that it looks consistent on all devices and keeps your content readable.

Since only a very small portion of people are on monitors wider than 1500px, and since most people do not keep their browser windows maximized on wider monitors, setting things up so that the content area can display a full width 1500px wide image will likely be targeting less than 1% of the people who view your site.

You could do away with the sidebar and make the content area full-width and set the container to 1500px. That code would be this.
```
.container {
    max-width: 1500px !important;
    width: 97%;
}
.one_third {
    display: none;
}
.two_third {
    width: 100%;
}
```
thesacredpath · Member · Oct 1, 2014 at 2:19 am
Copy link
The above retains the responsive design of your site so that those on tablets and phones will still see a consistent look on your site and the images will be maximum width for them as well.
lookingupphoto · Member · Oct 1, 2014 at 2:30 am
Copy link
THANK YOU!!! That’s a perfect soloution, as my next question was going to be how to get rid of the sidebar…

Many thanks again!
thesacredpath · Member · Oct 1, 2014 at 2:06 pm
Copy link
You are welcome.

No items found.