Does someone know how I can put a aligned from right in the same line as the a text block

Issyeissue
New Member
4 0 0

Does someone know how I can put the Size chart (modal block) aligned from right in the same line as the text: ''

Customers say fits true to size'' 

 

Ontwerp zonder titel - 2024-05-16T172129.119.png

Replies 4 (4)

arturogrimm
Shopify Partner
3 0 0

There are a couple ways to do this:
1st - You will need to go into the Liquid code in order to move both elements into the same container. This container, let's call it "size-chart__container", will have a display: flex; CSS property, as well as justify-content: space-between; That should do it
2nd - You will need to group both elements in the same container, just like method 1. Then, add position:relative to the created container block ("size-chart__container"), and add "position: absolute; right: 0; bottom: 0;" for the size-chart link element

 

arturogrimm
Shopify Partner
3 0 0
 

109aaa17c7db13e6f53fad3c86bf8b85.png

Issyeissue
New Member
4 0 0

Thanks for the quick reaction! Can you share the code here so I can copy it tho? Would be awesome.

 

arturogrimm
Shopify Partner
3 0 0
<div class="size-chart__container">
<div>Customers say fits true to size</div>
<span class="size-chart__link">Size chart</span>
</div>

<style>
/*Method 1*/
.size-chart__container{
display: flex;
justify-content: space-between;
}
.size-chart__link{

}

/*Method 2*/
.size-chart__container{
position: relative;
}
.size-chart__link{
position: absolute;
right: 0;
bottom: 0;
}
</style>