Solved

how to move a div element into the next line and align a checkbox field?

shells
Trailblazer
195 3 97

Hi all, 

I am trying to allign the checkbox with the line above and then break the div element/instruction box into the next line. Right now they are sitting next to each other as you can see below. How can I fix this please? 

www.feyrebaby.com.au

password: pahkud

shells_0-1625101150257.png

 

 

Accepted Solutions (2)

KetanKumar
Shopify Partner
36905 3641 11986

This is an accepted solution.

@shells 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

p.cart-attribute__field {
    width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36905 3641 11986

This is an accepted solution.

@shells 

Yes, please add this code

p.cart-attribute__field {
    padding: 0px 10px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 13 (13)

KetanKumar
Shopify Partner
36905 3641 11986

This is an accepted solution.

@shells 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

p.cart-attribute__field {
    width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97

This is great. Thank you @KetanKumar 

Just one more thing on the alignment of the checkbox to the line above - can you let me know how to do that?

It's in the original image the arrow on the left. 

KetanKumar
Shopify Partner
36905 3641 11986

This is an accepted solution.

@shells 

Yes, please add this code

p.cart-attribute__field {
    padding: 0px 10px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36905 3641 11986

@shells 

Yes, i will check and update relevant post

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97

Thank you!!! PLease can you also check your private message regarding my font not coming through? It's not how I want to present my website ...

I'll promise to give you more likes if you can help me solve this issue. Thank you!!!

KetanKumar
Shopify Partner
36905 3641 11986

@shells 

it's my pleasure to help us

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97

Hi~ can you please help?

KetanKumar
Shopify Partner
36905 3641 11986

@shells 

Yes, please wait give me some time

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97
Hi there! Thank you so much. I fixed the margin for the columns in the footer. My main issue is the font issue now… please can you help me!

shells
Trailblazer
195 3 97

Hi @KetanKumar Are you please able to help with this today? Would really like to fix this issue...

KetanKumar
Shopify Partner
36905 3641 11986

@shells 

i have checked your all issue fixed!

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shells
Trailblazer
195 3 97
 

Hi @KetanKumar yes all fixed but just this one paragraph issue. I want to reduce the spacing where I've marked in red.

Is there a way to fix this? I am happy for there to be more space between sections but right now where I've marked red, the spacing is too wide between paragraphs within the same section. 

Can you help please?

shells_1-1626064491565.png