Rearrange footer

Store Design
, ,

Topic summary

Request to move footer links (“Contact, Client Services, Legal”) to the far right, positioned lower, and in a smaller font on a Shopify store. The store URL was provided; images/screenshots illustrated the current and resulting layout.

Solution provided via Shopify Admin: Online Store > Theme > Customize > Theme Settings > Custom CSS. A CSS (Cascading Style Sheets) snippet was shared to: right-align the footer details list, reduce item font size to 10px, remove right margin on the containing block, and adjust footer padding to position the section lower.

Key CSS effects:

  • ul.footer-block__details-content: text aligned right.
  • ul.footer-block__details-content *: font-size set to 10px.
  • .footer__content-top.page-width: increased top padding and removed bottom padding to shift placement.
  • Container margin adjusted for alignment.

Outcome: The requester confirmed the changes achieved the desired layout. Status: resolved; no further action requested.

Summarized with AI on December 14. AI used: gpt-5.
1

IMG_6500.jpeg
IMG_6500.jpeg4032×3024 1.65 MB

pleade provide a code to move “contact, client services, legal) all the way to the right, down as far as possible and in a smaller font size.

thank you!

2

https://righteousofficial.com
right5785*

3

Hi @ErhatRO

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
ul.footer-block__details-content {
    text-align: right !important;
}
.footer-block.grid__item:has(ul.footer-block__details-content) {
    margin-right: 0 !important;
}
.footer__content-top.page-width {
    padding-bottom: 0 !important;
    padding-top: 100px !important;
}
ul.footer-block__details-content * {
    font-size: 10px !important;
}

Here is the result: https://prnt.sc/WH-omCDsxjrd

I hope this helps,

Best,

Daisy

1 Like
4

This is perfect @DaisyVo . Thank you!