Solved

Center align subtitle above collection on Taste Theme

liambeauchamp
Excursionist
25 2 5

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

Accepted Solutions (3)

AnneLuo
Shopify Partner
220 45 51

This is an 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.

 

AnneLuo_0-1711328096469.png

 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on luomingxia@shinetechsoftware.com.

View solution in original post

PageFly-Noah
Astronaut
914 182 196

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

websensepro
Shopify Partner
1014 139 147

This is an 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;
}

 

text align center.png

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 3 (3)

AnneLuo
Shopify Partner
220 45 51

This is an 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.

 

AnneLuo_0-1711328096469.png

 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on luomingxia@shinetechsoftware.com.

PageFly-Noah
Astronaut
914 182 196

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

websensepro
Shopify Partner
1014 139 147

This is an 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;
}

 

text align center.png

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here