Liquid, JavaScript, themes, sales channels
Hello,
i'd like to align in the center the follwing custom text area added into the cart:
<!-- **START** CUSTOM FIELD IN CART -->
<p></p>
<p></p>
<p class="cart-attribute__field">
<label for="aggiungi-un-messaggio-d'auguri-gratuito" style="text-decoration: underline; font-weight: bold; font-style: italic; float: center" >Aggiungi un messaggio d'auguri alla spedizione (gratuito)</label>
<textarea id="aggiungi-un-messaggio-d'auguri-gratuito"
name="attributes[Aggiungi un messaggio d'auguri (gratuito)]"
placeholder="Scrivi qui..."
style="font-size: 14px; background-color: #f7d4cf" >{{ cart.attributes["Aggiungi un messaggio d'auguri (gratuito)"] }}</textarea>
<p></p>
<p></p>
</p>
<!-- **END** CUSTOM FIELD IN CART -->
It is a theme not online, so it's useless to share the url.
Any help? Thanks in advance to all
Solved! Go to the solution
This is an accepted solution.
@Annavittoria, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.cart-attribute__field{
max-width: 400px;
width: 100%;
margin: 0 auto;
}
.cart-attribute__field textarea{
width: 100%;
}
Kind regards,
Diego
Hi,
@Annavittoria simply add class CSS so you can align centre. and give it property
" align-items: center; "
to class
cart-attribute__field
like
.cart-attribute__field{
align-items: center;
}
please add this at the bottom of theme.scss.liquid
Hello @Ecommpremium , thanks for your reply.
I've added
.cart-attribute__field{
align-items: center;
}
into theme.css
but doesn't work, nothing changed! Any additional idea?
@Annavittoria can you provide store URL so i can check?
Apply this and adjust padding pixel 120px accordingly!
.cat_attribute__field {
padding-left: 120px;
}
his
i've corrected your mistyping into
.cart_attribute__field {
padding-left: 120px;
}
but doesn't work.
Don't know if i have to keep the previous one, but either with or without the previous
.cart-attribute__field{
align-items: center;
}
still doesn't work
<!-- **START** CUSTOM FIELD IN CART -->
<p></p>
<p></p>
<p class="cart-attribute__field" style= "align-items:center;">
<label for="aggiungi-un-messaggio-d'auguri-gratuito" style="text-decoration: underline; font-weight: bold; font-style: italic; float: center" >Aggiungi un messaggio d'auguri alla spedizione (gratuito)</label>
<textarea id="aggiungi-un-messaggio-d'auguri-gratuito"
name="attributes[Aggiungi un messaggio d'auguri (gratuito)]"
placeholder="Scrivi qui..."
style="font-size: 14px; background-color: #f7d4cf" >{{ cart.attributes["Aggiungi un messaggio d'auguri (gratuito)"] }}</textarea>
<p></p>
<p></p>
</p>
<!-- **END** CUSTOM FIELD IN CART -->
This is an accepted solution.
@Annavittoria, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.cart-attribute__field{
max-width: 400px;
width: 100%;
margin: 0 auto;
}
.cart-attribute__field textarea{
width: 100%;
}
Kind regards,
Diego
User | RANK |
---|---|
12 | |
10 | |
10 | |
7 | |
6 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022