HOW TO CHANGE PRODUCT TITLES TO CENTRE

Solved

HOW TO CHANGE PRODUCT TITLES TO CENTRE

GRIID23
Tourist
3 0 1

I Have coded my titles to be centred, but if I search for a certain product and the results come in all the titles are back on the left, seems to be only when I do a search. not a massive issue but something I would like addressed

 

domain is griidofficial.com , you can see what I am talking about if you search a product onboard my site.

 

 

Accepted Solution (1)

BSS-TekLabs
Shopify Expert
412 127 137

This is an accepted solution.

-Please follow these steps: 

BssTekLabs_0-1718362041982.png

- Then, find the file base.css and add the following code:

 

.full-unstyled-link {
 text-align: center !important;
}

 

- Then, press "Save" to save the changes

- The result you will achieve

BssTekLabs_1-1718362301934.png

 

 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 7 (7)

BSS-TekLabs
Shopify Expert
412 127 137

This is an accepted solution.

-Please follow these steps: 

BssTekLabs_0-1718362041982.png

- Then, find the file base.css and add the following code:

 

.full-unstyled-link {
 text-align: center !important;
}

 

- Then, press "Save" to save the changes

- The result you will achieve

BssTekLabs_1-1718362301934.png

 

 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
GRIID23
Tourist
3 0 1

unsure where I am going wrong did not work for me?

BSS-TekLabs
Shopify Expert
412 127 137

- Please follow the steps I guided above to find the base.css file.
This code in the base.css file will represent the styles for your title.

BssTekLabs_0-1718372224220.png

- Please add the following code to line 563 in the base.css file. Then press 'Save' to save the code.

text-align: center;

- After you add the above code, it will look like the following image:

BssTekLabs_1-1718372531763.png

- After adding the code, make sure to press 'Save' so that the code can be applied to the store.

BssTekLabs_2-1718372836483.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

ZestardTech
Shopify Expert
5624 1024 1352

Hi @GRIID23 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

.card__heading {
text-align: center;
}

 

ZestardTech_0-1718362370402.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
GRIID23
Tourist
3 0 1

unsure where I am going wrong did not work for me? thanks

Rahul_dhiman
Shopify Expert
204 40 37

Hello @GRIID23 , Please check the details below.
Go to online store ---------> themes --------------> actions --------> edit code -----> go to Assets----------> search file  "component-predictive-search.css"
-----> go to line number 68, search for this code below

.predictive-search__result-group {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 2rem;
}

 

and replac this with code below

.predictive-search__result-group {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 2rem;
    align-items: center;
}

and the result will be 
vb.png
let me know if this solved your issue.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here

parth_ghelani
Shopify Partner
74 11 12

Hello @GRIID23 

Sorry for the issue you are facing. I've checked and see how it can be placed back on left in product card.

Here is the solution for your issue. you need to just follow below steps:

 

1. In your Shopify Admin, go to online store > themes > actions > edit code.
2. In the code directory, find Asset > theme.css and paste this at the bottom of the file and save the file:

 

.card__heading,
.card__heading .full-unstyled-link {
  text-align: center;
}

 

 

Hope this code works best for you.
If the solution helps you, then kindly accept and like the solution.

Parth Ghelani