Create a grid with subtitle, title and text

mhkh
Excursionist
18 0 2

Hi Shopify peeps! Can anyone help with this?

 

I am trying to create a grid to display text like this:

Screenshot (15).png

Any help here would be much appreciated.

Thanks in advance!

Replies 11 (11)
hashiromer
Explorer
51 3 12

How comfortable are you with CSS? If you don't mind tweaking it, you can easily create a grid of any kind with display:grid property in your CSS. I cannot help you further unless you share additional information.

mhkh
Excursionist
18 0 2

I'm quite new to Shopify and coding etc. I've edited code for pre-existing sections as well as creating new sections. I've also created a section that includes a simple grid, however, I've not been able to format it to look like the image I shared previously.

 

hashiromer
Explorer
51 3 12

If you are new to coding, I would suggest you to see if your theme supports this layout. If it doesn't, it will take some time to figure out how to do this correctly and ensure it does not break something else in your theme and work on mobile as well.

 

hashiromer
Explorer
51 3 12

@mhkh 

Your best bet is to find a theme which supports this layout if you are not comfortable with coding.

renus
Shopify Partner
181 16 29

I hope this will help you

<div id="shopify-section">
<section>
   <div class="large--twelfth-twelfths medium--twelfth-twelfths">
      Your test-1
   </div>
    <div class="large--twelfth-twelfths medium--twelfth-twelfths">
     your text-2
   </div>
   <div class="large--twelfth-twelfths medium--twelfth-twelfths">
      your text-3
   </div>
</section>
</div>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
mhkh
Excursionist
18 0 2

@hashiromer 

Thanks for your reply!

I have already created the website, I just wanted to add a section that includes a grid. I have the grid but was struggling to format it to look how I wanted it to look. I have the basics but want the text aligned properly on the page. Then I'd like to stack the grid for mobile view.

hashiromer
Explorer
51 3 12

@mhkh

 

Can you share the link of the page where you want to create the grid?

mhkh
Excursionist
18 0 2

@hashiromer 

I will share the details in a PM.

mhkh
Excursionist
18 0 2

@renus 

Thanks for share this