How can I center text and change background color in Xclusive Theme's Bottom Bar?

Topic summary

Main issue: Center the copyright text and apply a full-width background color in the Bottom Bar of the Xclusive theme’s footer. Initial CSS attempts (flex, text-align, width:100%) only affected the text area; background color applied to just part of the bar.

Key steps taken: A helper asked for the store URL, then advised adding custom code in theme.liquid (placed just above the tag) via Online Store > Edit Code. Although the exact code wasn’t shown in the thread, the provided “RESULT” screenshot indicates the Bottom Bar became centered with the intended full-width styling.

Outcome: The original poster confirmed the solution worked and expressed thanks.

New request: Another user asked how to center the footer copyright text in the Xclusive theme without coding and how to make the “Powered by” text unclickable (currently links to Shopify). They prefer a no-code approach.

Status: Original issue resolved with a theme.liquid customization. The follow-up request (no-code centering and removing the “Powered by” link) remains unanswered. Screenshots were used to illustrate both the initial problem and the successful result.

Summarized with AI on December 30. AI used: gpt-5.

Hello, I have a problem with Bottom Bar, at the bottom of the footer, on Exclusive Theme. I changed the text in this section and now I want to center it. I have tried with:

display: flex;

justify-content: center;

align-items: center

text-align: center;

But it’s not working. Also, I added background-color to red to see if its working and only the part with the text changed color.

I added width: 100% and 50% of the section changed color. I can not select the entire section.

Hey @RonaldS11

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Hello @Moeed ,

My website is: https://dc3cd9.myshopify.com/

I am talking about the black line with “© 2024 CasaDeco”. I gave the div a class called “copyright” and the only way that I can move the text to the center is with margin-left, but this way is pretty bad to do that.

Hey @RonaldS11

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thank you, @Moeed

Really apreciate it. Have a nice day!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Hello, could you simply help me with centering the copyright information (Copyright 2024 ‘‘company name’’ Powered by ‘’ company name) In footer in Xclusive theme.

I’ve tried everything that doesnt invole coding since i dont know how to code. Reason why im answering to this thread is because i didnt find even one conversation about Xclusive theme, so im glad if you could help me out.

Secondly i changed the ‘‘powered by’’ section in the footer to my own companys name but i noticed that if you click it it still directs you to shopifys page, i’d prefer it to be unclickable.

I’d really appreciate a reply :slightly_smiling_face: