Product description color change and qty picker hide

jsaeed
Tourist
8 0 1

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

Replies 9 (9)
oscprofessional
Shopify Partner
9167 1561 1925

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;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
oscprofessional
Shopify Partner
9167 1561 1925

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>

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
jsaeed
Tourist
8 0 1

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;
}
jsaeed
Tourist
8 0 1

And sorry i made a typo. I want to hide the quantity selector

 

oscprofessional
Shopify Partner
9167 1561 1925

use this code for removing the quantity selector button

.variations_button .quantity {
display: none;
}

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
oscprofessional
Shopify Partner
9167 1561 1925

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
jsaeed
Tourist
8 0 1

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

oscprofessional
Shopify Partner
9167 1561 1925

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.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
jsaeed
Tourist
8 0 1

nope still no luck