Hi, I am trying to create 3 columns of text on the home page like in the image below. I am using the Brooklyn theme. For the desktop site, the 3 columns need to appear like this (see image below). Website URL example: https://ambileds.com/ [Freddie-Nova_0-1619740103278.png] However, taking into…

@Freddie-Nova please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. @media only screen and (min-width: 769px){ .template-index .rich-text-section{ width: 33.33% !important; float: left !important; padding:12px ; } } @medi…

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Thanks @Kinjaldavra for responding! Website URL: https://sunsetnova.nl/ Password: fahtri As you can see on the image below, the Theme Editor only allows me to place 3 separate sections of Rich Text stacked below each other. The objective is to create 3 columns instead for the desktop page. [Fre…

Hi @Kinjaldavra , you are an absolute legend! It worked. I do have a few questions. Is there a way to decrease the amount of space between each column (see image below). [Freddie-Nova_0-1619778505064.png] And I am very curious if it is possible to add images above each section as displayed in th…

@Kinjaldavra I inspected the elements of the columns sections, and it seems to be that it is the width of each section that is creating the amount of white space (see image below): [Freddie-Nova_0-1619778903027.png]

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. .template-index .large--two-thirds { width: 100% !important; } .template-index .push--large--one-sixth{ left: 0 !important; }

Hi Naztech, I would like to add similar to my store, 3 icons with text below each icon

@Kinjaldavra kudos - that is awesome that you provided such a precise solution. i tried the code within our Editions theme and didn’t work, so i’m guessing either the code was specific to the Brooklyn theme, or perhaps because the Editions theme’s asset is theme.css.liquid ? also posting it as a s…

ok please share your site url and if password then provide paassword

Hi @Kinjaldavra This is a great personalised solution! We are looking to do the same thing on our store, for the ‘Why Us’ section on the homepage. Would you be able to help? We want the right text to be three colours side by side that stack on mobile, just like what you did on the original. Store…

Add 2 or 3 columns to Rich Text Section on Homepage (Brooklyn)

Store Design

KrisG2 July 14, 2021, 5:09pm 12

Thank you for your swift response to help me and my store on this @Kinjaldavra - we really appreciate it!

Topic		Replies	Views
[Theme: Editions] Homepage, Add 3-Column Container Store Design	4	26	May 20, 2021
3 columns with images on top of each column Store Design design	2	26	December 17, 2022
How can I align multicolumn and rich text sections on my homepage? Store Design design , customizations , shopify-themes	21	125	December 30, 2023
How to get Text columns with images to show side by side on mobile Store Design third-party-themes	24	159	January 29, 2024
Change column number for Text columns with image section Store Design design	1	35	April 18, 2023

Add 2 or 3 columns to Rich Text Section on Homepage (Brooklyn)

Related topics