Ride Theme - footer copyright & policies containers on seperate lines (css?)

Store Design
,

Topic summary

A user needs help separating the copyright and policies sections in their Ride Theme footer so they appear on different lines instead of side-by-side.

Store Details:

  • Using Ride Theme on Shopify
  • Store URL provided for troubleshooting

Solutions Offered:

Three support representatives provided CSS-based solutions:

  1. GemPages approach: Edit theme.liquid file and add custom markup before the closing </body> tag

  2. PageFly-Victor’s solution: Add CSS to Assets > base.css:

    • Target .footer__content-bottom-wrapper .footer__copyright.caption > ul
    • Set width to 100% and text-align to center
    • Apply display block to force line breaks

  3. Litos’s solution: Similar CSS approach targeting .footer__copyright and .policies.list-unstyled

    • Set display to block and width to 100%
    • Center-align text

Status: Multiple working solutions provided; implementation pending user confirmation.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I am hoping someone could assist with putting the copyright and policies on seperate lines?

Ride Theme :slightly_smiling_face:

Screen Shot 2023-02-17 at 10.17.03 am.png
Screen Shot 2023-02-17 at 10.17.03 am.png2876×228 14.3 KB

2

Hello @LucyAurora ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

3

Hi @LucyAurora ,

Please send your site and if your site is password protected, please send me the password. I will check it.

4

thank you so much! https://fitformeathletica.myshopify.com/

P/W: fitforme

5

Hello @LucyAurora ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1676618274626.png
GemPages_0-1676618274626.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1676618301322.png
GemPages_1-1676618301322.png1423×883 73.5 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

6

Hi @LucyAurora

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.footer__content-bottom-wrapper .footer__copyright.caption > ul {
    width: 100% !important;
    display: block !important;
}        
.footer__content-bottom-wrapper .footer__copyright.caption {
    width: 100% !important;
    text-align: center !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

7

Hi @LucyAurora ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.footer__copyright {
    width: 100% !important;
    text-align: center !important;
}
.policies.list-unstyled {
    display: block !important;
}

Hope it helps!