Center align subtitle above collection on Taste Theme

[liambeauchamp]

Hello!

I have a number of elements on my homepage including a collection which has a subtitle above it. I am trying to center align the text and have looked in the base.css but haven't had much luck. Here is the link to my website: 

www.batchedcookies.co.uk

I'm sure this is a relatively quick fix, but the changes I am making to the base.css don't seem to be working. 

Many thanks,

Liam

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme. liquid file and add the following code to the head tag

<style>
    .collection__title .collection__description {
        text-align: center;
    }
</style>

After modification, it can be displayed in the center.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

You can add code below in base.css to fix it:

.collection__title .collection__description p{
 text-align: center !important;
}

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme. liquid file and add the following code to the head tag

<style>
    .collection__title .collection__description {
        text-align: center;
    }
</style>

After modification, it can be displayed in the center.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

You can add code below in base.css to fix it:

.collection__title .collection__description p{
 text-align: center !important;
}

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[websensepro · Accepted solution]

Hello @liambeauchamp ,

1) Go to online store

2) Themes

3) Edit code

4)  Base.css file (Add this code at the bottom of base.css file)

.rte > *:last-child {
   
    text-align: center;
}