Issue With Changing Text Properties On Specific Pieces Of Text

[PastorClez]

Hey, I was wondering how I could change specific text on my website without changing other text. For example:

#shopify-section-16311987698b44727d.flickity-slider.h4, h4 {text-align: left;}
#flickity-slider.p,p {text-align: right; margin-top: -41.85px;}

On the photo you can see by changing "P" it changed all the other text labeled as "P". How could I fix this? Here is my website and password:

https://thekaikkistore.myshopify.com password: cleuth

[LitExtension]

If you want the css for each section to be the same, like "FEATURED PRODUCTS" and "NEWEST ARRIVALS". You need to add id for it. Ex: "FEATURED PRODUCTS" => #shopify-section-16311987698b44727d p{}

This is the easiest way for beginners. Alternatively, you can also add css code for each file, but it requires you to know Liquid code. Ex: https://github.com/Shopify/dawn/blob/main/sections/image-banner.liquid . https://i.imgur.com/zVkuEjB.png

Hope it helps!