Shopify themes, liquid, logos, and UX
Hello,
I want change the color of product descriptions on all the pages. I am able to do that in product description html but don't want to do it for each and every product. If someone could guide on where and what code to apply in my theme code it'll be much appreciated. Also would like quantity picker on product page also so need guidance for that also. I'm using Unero theme, store link is https://sundus-talpur.myshopify.com/ and storefront password is : ord
Hello @jsaeed
Please add the code in rt-application.scss.css file
Go to Online store -> Theme -> Action -> Edit code -> Asset -> rt-application.scss.css
.rt-unero-tabs.product-tabs .description_tab a {
color: red !important; /*cange the color as per requirement*/
}
.rt-unero div.product .rt-unero-tabs .panel p {
color: #000;
}
For quantity selector Please try this code. in product-template.liquid file
<div class="product-form__controls-group">
<div class="product-form__item">
<label for="Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
<input type="number" id="Quantity-{{ section.id }}"
name="quantity" value="1" min="1" pattern="[0-9]*"
class="product-form__input product-form__input--quantity" data-quantity-input
>
</div>
</div>
Hello,
thanks for your reply
Both the codes aren't working for me. I'm trying this for color add the end
.rt-unero-tabs.product-tabs .description_tab a {
color: #6B6B6B !important; }
.rt-unero div.product .rt-unero-tabs .panel p {
color: #6B6B6B;
}
And sorry i made a typo. I want to hide the quantity selector
use this code for removing the quantity selector button
.variations_button .quantity {
display: none;
}
Please try this code for color change
.rt-unero div.product .rt-unero-tabs .panel {
color: #6B6B6B !important;
}
.container .description_tab.active a {
color: #6B6B6B !important;
}
hope this will work
ok i was able to change the color but still wasn't able to hide the quantity selector. I pasted the code for quantity selector below the color code in rt application
No issue if you add it in rt-application.scss.css file
.rt-unero div.product form.cart div.quantity {
display: none !important;
}
Please try this once.
nope still no luck
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024