7 Column Row - Post ID 276739

User 476372 Photo


Registered User
196 posts

Hi,

Is there a way to make a 7 column row with each of the columns being the same width and also centered?

Thanks! :)
SPOON FROG graphics - Affordable Web Site Design & Ecommerce Design
www.spoonfroggraphics.com
User 187934 Photo


Senior Advisor
20,271 posts

Do you want it to be that way at all screen sizes?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 476372 Photo


Registered User
196 posts

Not really. It would have to break down on the smaller ones.
SPOON FROG graphics - Affordable Web Site Design & Ecommerce Design
www.spoonfroggraphics.com
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

I doubt that it will be possible in RSD with Foundation or Bootstrap. But I guess you could, instead of basing your design on columns, make one column and put 7 containers into it, with the same %-age width, and then position them with flex.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
5,397 posts

spoonfrog wrote:
Hi,

Is there a way to make a 7 column row with each of the columns being the same width and also centered?

Thanks! :)

you can make the grid 7 column spans therefore row is set to 7 spans & the column in that row is 7 spans (unless you change that of course)
but only from the first default breakpoint
below the first beakpoint it is set to 12 column spans and you cannot change that
don't know about bootstrap

You could always make the column 7 spans then set the float for the column to none then set the margins left/right to auto

or as Inger suggested with the containers
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.