How do I left-align H3 in the Showcase theme blog posts?

Store Design
1

Hello,

I have the Showcase theme and in my blog posts, I want to change the alignment of Header 3 (H3) to left-align instead of centre aligned.

Appreciate any and all the help!

image 2.png
image 2.png1110×812 57.5 KB

2

@brandonlau

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thanks! Here is the URL https://sleepgift.ca/ and the password is auffay.

4

The blogs are under the Learn tab and is named Sleep Advice.

5

@KetanKumar

Thanks! Here is the URL https://sleepgift.ca/ and the password is auffay. The blogs are under the Learn tab and is named Sleep Advice.

6

Add this code to the very bottom of your styles.css asset:

.template-article h3 {
    text-align: left;
}
7

@brandonlau

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
.article h1:not(.logo-h1), .article h2, .article h3, .article h4, .article h5, .article h6
{
text-align: left;
}