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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024