Product description color change and qty picker hide

jsaeed
Tourist
17 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
9198 1562 1928

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. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
oscprofessional
Shopify Partner
9198 1562 1928

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. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
jsaeed
Tourist
17 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
17 0 1

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

 

oscprofessional
Shopify Partner
9198 1562 1928

use this code for removing the quantity selector button

.variations_button .quantity {
display: none;
}

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
oscprofessional
Shopify Partner
9198 1562 1928

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. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
jsaeed
Tourist
17 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
9198 1562 1928

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. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
jsaeed
Tourist
17 0 1

nope still no luck