Forums

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

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #147732
    jtrinker
    Participant

    I have a site I’m building with zurb’s foundation and all the rows are 1024px converted to ems:

    $row-width: emCalc(1024);
    

    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?

    Thank you!

    #147741
    Paulie_D
    Member

    Why does the row have to be wider?

    Can’t you use pseudo elements to make the ribbon?

    https://css-tricks.com/snippets/css/ribbon/

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.