The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › In Foundation site I would like one of the rows to be wider than the others
I have a site I’m building with zurb’s foundation and all the rows are 1024px converted to ems:
However, I would like one of the rows to stick out about 20px passed the rest of the rows, or the container as a whole, so I can add triangles to the bottom to give it a ribbon effect.
I’ve tried various ways of targeting that specific row’s width, such as:
width: emCalc(1100) !important;
But nothing changes. Any ideas?
Why does the row have to be wider?
Can’t you use pseudo elements to make the ribbon?