Grid

Solved
Tourist
6 0 0

one general question and one specific question:

 

first, is grid / grid_item a standard shopify class?  is there reference doc on all the parameter/variable in this class?

 

second, I'm trying to size and adjust position of a text box that was full screen wide originally in the template.  using grid_item, I got it down to 3/5 but it was aligned to the left.  I want to center it horizontally.  Tried to pad by adding another grild_item 1/5 of the screen as below but that's not working.  How can I center the text box?  thanks! 

 

<div class="grid">

<div class=" grid_item one-fifths" style="float:left;">
</div>

<div class="grid__item medium-up--three-fifths" style="float" text-center>

text box code here...


</div>

</div>
</div>

 

 

0 Likes
Shopify Expert
2466 414 519

Hi @oomomi 

1. first, is grid / grid_item a standard shopify class?  is there reference doc on all the parameter/variable in this class?

- You can see here

 

2. second question

- You have to change css different abs eon current, you can make it center by just text alignment or float, send me store url i will check. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tourist
6 0 0
Oomomi.com
Trying to center the email signup box/button in the header.

Thanks!
0 Likes

Success.

Shopify Expert
2466 414 519

Add this css in asset->theme.scss file at bottom:

 

.announcement-bar .grid{margin: 0 auto;}
.announcement-bar .grid__item{width:100%;}
.announcement-bar #ContactFooter{width: 50%; margin: 0 auto;}

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like