1. Stefan van Delft
  2. Joomla! Templates
  3. Thursday, 22 June 2017
Hi Jordan,

May I ask you for some advice about grids?

Am I right that in the Pixelhut templates (Helix 3) the used grid is the uk-grid?
(is there also an alternative that could be used?)

What I would like to do is adding three buttons, next to each other, with some spacing in between.
This works fine.
On mobile, I would like these 3 buttons to appear on top of each other, stacked, with some margin in between.
However, with my code (below) this margin won't show up.
(and I think the left-center-right shouldn't be done this way)

Do you see why the margin isn't there? In the documentation I see "To create a margin between stacking grid columns, just add the data-uk-grid-margin attribute.".
Do I have to add this to the button css itself?


<div class="uk-grid" data-uk-grid-margin>
<div class="uk-width-small-1-3" align="right"><a class="sppb-btn sppb-btn-outline sppb-btn-lg sppb-btn-info" href="#">over fremko <i class="fa fa-user-o" aria-hidden="true" title="Fremko" style="font-size: 20px;"></i></a></div>
<div class="uk-width-small-1-3" align="center"><a class="sppb-btn sppb-btn-outline sppb-btn-lg sppb-btn-info" href="#">inspiratiesessies <i class="fa fa-linode" aria-hidden="true" title="Fremko" style="font-size: 20px;"></i></a></div>
<div class="uk-width-small-1-3" align="left"><a class="sppb-btn sppb-btn-outline sppb-btn-lg sppb-btn-info" href="#">begeleiding <i class="fa fa-comments-o" aria-hidden="true" title="Fremko" style="font-size: 20px;"></i></a></div>
</div>


Thanks!
With kind regards,
Stefan
You do not have permission to view the content of this accepted answer.


There are replies in this post but you are not allowed to view the replies from this post.

Categories

Joomla! Templates
  1. 44 posts
  2. 13 subcategories
HTML Templates
  1. 0 posts
  2. 6 subcategories
Graphic items
  1. 0 posts
  2. 0 subcategories
WordPress Themes
  1. 0 posts
  2. 2 subcategories
Off Topic
  1. 0 posts
  2. 0 subcategories
Announcements
  1. 1 post
  2. 0 subcategories