FAQs Page: two columns

Solved
Tourist
5 1 0

Hello everyone,

I'm looking how to make two columns in the FAQs page. 

 

I hope there is someone who can point me to the right direction.

Thank you.

 

 

 

Screenshot 2019-08-14 at 14.03.57.png

0 Likes
Highlighted

Hello ,
Add this css in Online Store-> Themes -> Edit code->Assets->theme.scss.liquid file

 

.one-half-column-left {
width:48%;
float:left;
}

.one-half-column-right {
width:48%;
float:right;
}

 

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
0 Likes
Tourist
5 1 0

Thank you Pallavi,

I did try to add that code in the css, the only problem is I have to create another div in the page to add the second column class...unfortunately  when I duplicate the div to make the second column it also duplicates the content :-/

 

I was guessing it should be a way in the css to create two columns (from css page)  without the need to use two classes / neither edit the page template

 

thanks again

0 Likes

Success.

Tourist
5 1 0

Finally, I found the solution: 

in the CSS added: column-count: (value);

 

Example:

 

.footer__menus {
       column-count: 4;
}
0 Likes