How can I center align titles while aligning bullet points to the left?

[houssamalissa]

1. How do I get the titles to center align but the bullet points to align-left?

2. How do I get the bullet points on left and right to align with each other?

3. How can I reduce the line break within the bullet point text?

Thanks guys!

[dmwwebartisan]

@houssamalissa

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-16291314828aaa53d3 .image-wrap.text-spacing{
padding-bottom: 82.743494%;
}
#shopify-section-16291314828aaa53d3 h3{
padding-bottom: 82.743494%;
}
#shopify-section-16291314828aaa53d3 .rte-setting > p {
    margin: 0 0 10px 0 !important;
}

Hope this works.

Thanks!

[houssamalissa]

Unfortunately that didn’t go as planned

[dmwwebartisan]

@houssamalissa

Sorry that was my bad. Please remove old code and add this new code.

#shopify-section-16291314828aaa53d3 .image-wrap.text-spacing{
padding-bottom: 82.743494%;
}
#shopify-section-16291314828aaa53d3 h3{
text-align: center !important;
}
#shopify-section-16291314828aaa53d3 .rte-setting > p {
    margin: 0 0 10px 0 !important;
}

[houssamalissa]

No worries! Getting there now…

Can we make it so the overall heading for the section is also centre-aligned? And how can I get the text to wrap so it sits beneath the heading rather than splaying out too much?

Thanks!

[dmwwebartisan]

@houssamalissa

Heading are already in center. The bullets points you asked to keep it left.

Can you elaborate?

[houssamalissa]

So the section heading is still left-aligned

Do you know how we can wrap the bullet points too, so they fit more neatly under the headings?

[dmwwebartisan]

@houssamalissa

Please add this code for the heading.

#shopify-section-16291314828aaa53d3 .section-header{
text-align: center !important;
}

Hope this works.

Thanks!

[houssamalissa]

Yes the heading is centred now, thank you!

And did you know how the text wrapping could be fixed?

[dmwwebartisan]

@houssamalissa

Can you provide a screenshot, please?

[houssamalissa]

Just trying to tuck the text in a bit rather than having it spill out

[houssamalissa]

Would be good to get the text brought in a bit