Hi again, I have a question of the columns width, please check out the image attached.
I set up the Context width as WIDE, but the color bars I made are not wide to touch the edge of the page, their is big margin though.
I am not familiar with code, maybe I made mistake, using wrong code, but please help :)
thanks
X3Photo Gallery Forums
X3 Photo Gallery Support Forums
columns width6 posts
columns width
- Attachments
-
- color.jpg (205.16 KiB) Viewed 2309 times
Last edited by laxina on 04 May 2017, 09:43, edited 1 time in total.
Re: columns width
I can't see anything wrong in your code. It just looks like the CONTEXT module is NOT wide for some reason ... I would need a link to diagnose why it is not wide.
Re: columns width
I am sorry, I am setting up the site in my local server, haven't make it public yet, don't know how to share it to you now.
but let me make more screenshot for you now, you can see the text goes to edge of the page, as what WIDE does.
but let me make more screenshot for you now, you can see the text goes to edge of the page, as what WIDE does.
- Attachments
-
- colors.jpg (150.02 KiB) Viewed 2304 times
Re: columns width
i just tried this with a total new X3 installation, still have the same problem.
Re: columns width
I kinda forgot, the "row" class naturally creates a limited width (max-width: 71.25rem) to the container where it is applied. This is just how it works, based on the foundation grid. You can easily overcome it by simply omitting the "row" class, for example:
Alternatively, you reset the "max-width" style specifically for the row:
Code
<div>
<div class="small-6 columns" style="background-color:green">1</div>
<div class="small-6 columns" style="background-color:red">2</div>
</div>Code
<div class="row" style="max-width: none;">
<div class="small-6 columns" style="background-color:green">1</div>
<div class="small-6 columns" style="background-color:red">2</div>
</div>Re: columns width
great, it works, thanks a lot, and thanks a lot for the quick reply as always.