Hello,
I would like to center some text on my home page sections. Not sure why this isnt an option in the theme editor, but alas it is not:
I would like to center both the title, as well as the product text (product title, and price)
How would I do this? Thank you for your help!
@BoogieThreads Please provide the URL of your store and if it is password protected please share the password too. Thanks
url is www.boogiethreads.com
Thanks!
@BoogieThreads You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of base.css file.
.collection__title--desktop-slider .title{
text-align:center !important;
}
.card__heading .full-unstyled-link{
text-align:center;
}
.card-information{
text-align:center !important;
}
I will give that a try in a few and mark it as solved it’s this does the trick. Thanks a lot for the help!
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
-Go to Online Store->Theme->Edit code
-Asset->compoent-card.css paste the below code at the top of the file.
#shopify-section-template–14660800479310__featured_collection .collection__title .title, #shopify-section-template–14660800479310__featured_collection .product-card-wrapper .card__heading a,#shopify-section-template–14660800479310__featured_collection .product-card-wrapper .card-information{
text-align: center !important;
}
Best Regards;
PageFly
That still did not work for me. I have it added as you described but no change is shown to the sticky bar
Sorry component-card.css don’t compoent-card.css
yes I noticed the typo, and made that change already. It did not work unfortunately.
you can add it ro before element of theme.liquid
#shopify-section-template--14660800479310__featured_collection .collection__title .title, #shopify-section-template--14660800479310__featured_collection .product-card-wrapper .card__heading a,#shopify-section-template--14660800479310__featured_collection .product-card-wrapper .card-information{ text-align: center !important; }but I checked the home page but I don’t see it. I checked the show before but now I can’t see it
but I added to dev tool it work fine
#shopify-section-template--14660800479310__featured_collection .collection__title .title, #shopify-section-template--14660800479310__featured_collection .product-card-wrapper .card__heading a,#shopify-section-template--14660800479310__featured_collection .product-card-wrapper .card-information{ text-align: center !important; }I’m a newbie so don’t laugh at me! 
..but I can get it to work in the inspector. No matter how I try calling to it in base.css I cannot get it to work
do you want teamviewer? it will only take a few minutes and it will be fixed
I really do appreciate the help but I don’t typically use teamviewer. My computers security is very important to me.
Edit:
I remembered @NerdCurator commented on this. Their .css worked for me:
.collection__title--desktop-slider .title{
text-align:center !important;
}
.card__heading .full-unstyled-link{
text-align:center;
}
.card-information{
text-align:center !important;
}
Any reason yours was so much more complex? I don’t want to break anything and I am learning as I go 
Thanks to both of you for all the help!
This actually did the trick. Thank you so much!