Hello! I am using an imported theme for my online boutique and I am trying to center my collection descriptions and move them to the bottom of the page. I have the text centered in the collections admin where I type the description and it’s centering aligning the text, but still keeping it left adjusted in the banner (see pic for reference).
My website is curvatureclothing.shop and the password is Mor413Gan.
I know how to locate the main-collection-banner.liquid (I think this is where I’m supposed to go), however I don’t know how to edit the code once I get there.
This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-collection-hero.css->paste below code at the bottom of the file:
.collection-hero__title+.collection-hero__description {
margin-left: auto !important;
margin-right: auto !important;
}
This worked great, thank you very much!! Do you by chance know how I would be able to get the text to show at the bottom of the page while the title of the collection (blazers) stays at the top? I’m just concerned that when the page is viewed in mobile, users will have to scroll for a bit before they get to the product grid. Thanks for your help!
Yes, your solution worked great, thank you very much!! Do you by chance know how I would be able to get the text to show at the bottom of the page while the title of the collection (blazers) stays at the top? I’m just concerned that when the page is viewed in mobile, users will have to scroll for a bit before they get to the product grid. Thanks for your help!
So that’s not actually the product description. That’s a section I’ve added to the bottom because I have not figured out how to get the collection description to the bottom of the page. The actual collection descriptions that I type into Shopify still show centered at the top of the page, but I don’t have them showing right now because they are too big to be at the top of the page. The reason I can’t just type the collection descriptions into the section at the footer is because when you add a section, it applies the edits to all collection pages. I am not able to put separate text on separate collection pages when I add a section. The only way to get different text on the pages is to go through the collection pages on Shopify. Ideally, I want to delete the bottom section that I added and have the product description there instead, but I don’t know how to get them to the bottom.
This part I think you can show the description, then I can check if I can css for you or not. Otherwise it needs to interfere with your store admin, you may try contacting Shopify support or finding another expert regarding this issue.
Best regards,
I checked. It seems that you need to interfere with your admin to handle it. Because it’s 2 different sections now, can’t solve the problem with css
You may try contacting Shopify support or finding another expert regarding this issue.
Best regards,
