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’’
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
Thanks for the quick reaction! Can you share the code here so I can copy it tho? Would be awesome.
<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>