How do I move my size guide link to the right?

Store Design
, , , ,
1

Hi all!

How do I move my size guide link to the right? and keep the ‘Size’ text to the left

I wanted to use float:right but it’s not working. I’m only able to move the ‘Size’ text and the size guide link together but I only want to move the link.

faecom1_0-1731867834706.png
faecom1_0-1731867834706.png349×366 35.1 KB

any help would be greatly appreciated.

1 Like
2

Hi @faecom1

You said the Size and Size link are together, did you try to add flex? Then add justify in between so size on the left and link on right.

Please, share your store URL. Thanks

1 Like
3

Hi @Made4uo-Ribe I haven’t tried that. I’ve sent you my store url in private message

4

Thanks for the info, do you mean like this?

Made4uoRibe_0-1731874049613.png
Made4uoRibe_0-1731874049613.png454×249 28.1 KB

If it is try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.product__info-container variant-selects fieldset:nth-child(2) > legend.form__label {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
  • And Save.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
5

To move just the size guide link to the right while keeping the “Size” text to the left, you can wrap the “Size” text and the link in separate containers and apply CSS styling. Here’s a simple example:

<div style="display: flex; justify-content: space-between; align-items: center;">
<span>Size</span>
<a href="#" style="text-decoration: none;">Size Guide</a>
</div>

This approach uses flexbox to align the elements properly. Let me know if you need further help!

6

Works perfectly. Thanks so much!