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
15830 2369 3072

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;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
15830 2369 3072

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>

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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
15830 2369 3072

use this code for removing the quantity selector button

.variations_button .quantity {
display: none;
}

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
15830 2369 3072

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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
15830 2369 3072

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.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
jsaeed
Tourist
17 0 1

nope still no luck