Dawn theme - how can align the article text and the bullet point?

Dawn theme - how can align the article text and the bullet point?

RomeoJuliet
Visitor
2 0 2

My Website theme is using Dawn theme how can align the article text and the bullet point?

In the rich text editor is shown all the text ate align .

but at the website font live show the text doesn't align.

How can i fix this problems?

https://romeojuliet.shop/pages/repair-and-warranty-1

螢幕截圖 2023-09-26 上午10.39.48.png螢幕截圖 2023-09-26 上午10.40.09.png

Replies 5 (5)

David_SHT
Globetrotter
605 125 129

Hi @RomeoJuliet ,

 

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

.rte ul, .rte ol {
  list-style-position: outside !important;
  padding-left: 25px !important;
}

 

 

result: 

David_SHT_0-1695697748092.png

 

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

RomeoJuliet
Visitor
2 0 2

Thanks for all , all the he text have aligned.

David_SHT
Globetrotter
605 125 129

you are welcome,

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

arueda
Visitor
1 0 0

Hello. Could you help me please? I have the Dawn theme and I added the code in base.css file but the problem persists. My text is not aligning within the product description page.

Captura de pantalla 2024-04-20 114716.png

ZenoPageBuilder
Shopify Partner
1052 203 229

Hello @RomeoJuliet 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.rte ul {
    padding-left: 24px !important;
}

The result

Screenshot 2023-09-26 at 11.16.14.png

Hope that helps! 

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com