Menu icon Foundation

Coder | Shanghai

WordPress Consultant, WPML Specialist and Core Contributor (various WP versions incl. 4.0)

My Posts


My Comments

Piet Bos commented on Lindsey Jones's post over 4 years

What I usually do is add another class in addition to row, so for example
<div class="wrapper row">

Piet Bos commented on Rafi Benkual's post over 4 years

I recently finished building a WordPress starter theme built with Underscores and Foundation 5, you can check out the demo and download it via http://so-wp.com/themes/soblossom/

Piet Bos commented on Andriy's post over 4 years

Foundation uses the mobile first approach, so your question should not be "How can I do that font-size would decrease according to display size?", but instead:

How to increase the font size according to display size?

And a possible answer to that question would be with media queries.

In your small.scss you set the font size to something like .sortlist > li > a { font-size: rem-calc(14);}

Then in your medium.scss you can increase that by adding .sortlist > li > a { font-size: rem-calc(16);}

And in large.scss you can do .sortlist > li > a { font-size: rem-calc(18);}

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Lindsey Jones's post over 4 years

What I usually do is add another class in addition to row, so for example
<div class="wrapper row">

You commented on Rafi Benkual's post over 4 years

I recently finished building a WordPress starter theme built with Underscores and Foundation 5, you can check out the demo and download it via http://so-wp.com/themes/soblossom/

You commented on Andriy's post over 4 years

Foundation uses the mobile first approach, so your question should not be "How can I do that font-size would decrease according to display size?", but instead:

How to increase the font size according to display size?

And a possible answer to that question would be with media queries.

In your small.scss you set the font size to something like .sortlist > li > a { font-size: rem-calc(14);}

Then in your medium.scss you can increase that by adding .sortlist > li > a { font-size: rem-calc(16);}

And in large.scss you can do .sortlist > li > a { font-size: rem-calc(18);}

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content