Altering Grid System

ifdc1974 · Member · Jul 22, 2014 at 7:08 pm
Copy link

Add topic to favorites
I am using the Arcade theme. Does anybody know how I can alter the grid system so I can make images span the entire width a browser window?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 23, 2014 at 4:32 am
Copy link
Hi, can you point me to a place where you want the image to span the entire width please?
ifdc1974 · Member · Jul 23, 2014 at 1:20 pm
Copy link
Hi,

Here is the current page that I have been testing to no prevail.

http://ifdcorg.wordpress.com/benin/

I would like that picture with the man to span the entire width of the page. Apparently the pages are wrapped in divs.

Please let me know what we can do.

Thanks.

Heather
thesacredpath · Member · Jul 23, 2014 at 4:03 pm
Copy link
Hi Heather and thanks for the link. To make that image full width on this page, you need to first edit the image code in that page and add a width and height style attributes so that it looks like this:
<img alt="" style="width: 100%; height: auto;" src="http://ifdcorg.files.wordpress.com/2014/07/benin_pop.jpg?w=1140" class="beninimg">

Then you need to widen the container for that page so that it is as wide as the browser window with the following code. The below targets this page only.
```
.page-id-464 .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
```
If you want all pages to be full width, then you would instead add this:
```
.page  .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
```
ifdc1974 · Member · Jul 23, 2014 at 4:27 pm
Copy link
Thank you sooooo much! This is what I have been trying to figure out for several weeks now! I appreciate it!
thesacredpath · Member · Jul 23, 2014 at 5:00 pm
Copy link
You are welcome.

No items found.