Bullet Points for Body Text In "Image With Text" Section

Bullet Points for Body Text In "Image With Text" Section

Explore-Sherpa
Excursionist
28 0 8

I have been modifying some code to increase the size of the font and add bullet points to the body text of an "image with text" section. I would appreciate any help with the code I have to where only a certain section has bullet points.

Link: https://www.exploresherpa.com/pages/our-process

I am using an Influence theme

 

What I Want: 

 

Screenshot 2024-06-24 120019.png

 

Code I Was Using:

 

@media only screen and (min-width: 600px) {
.max-w-screen-xl .break-words:not(:first-child) {
text-indent: 25px !important;
font-size: 22px !important;
line-height: 46px !important;
margin-top: 50px !important;
display: list-item;
margin-left: 1em;
list-style-type: square;
list-style-position: inside;
}
.font-heading.break-words {
font-size: 52px !important;
}
}

Reply 1 (1)

Shadab_dev
Shopify Partner
160 5 18

@Explore-Sherpa Nothing much on this. You would just need to change some liquid schema settings to allow you to add lists. Or make a new section with all the same function as i age with text with allowing to add list items with image upload ability. I am sorry i cannot prove helpful in your case since i am on a development store and on free trial so it does not allow me to open code editor.

Shadab_dev_0-1719265089102.png

 

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks