how to edit the color of one line text on product page?

Solved
ctsimon
New Member
7 0 0

 

</div>
            <ul class="product-single__meta-list list--no-bullets list--inline{% if shop.taxes_included or shop.shipping_policy.body != blank %} product-single__price-container{% endif %}">
              {% if section.settings.stock_enable %}
                <li>
                  <span id="ProductStock-{{ section.id }}" class="product-single__stock {% unless current_variant.inventory_management and current_variant.inventory_quantity < 10 and current_variant.inventory_quantity > 0 or  current_variant.inventory_management and current_variant.inventory_quantity <= 0 and current_variant.incoming %} hide{% endunless %}">
                    {% if current_variant.inventory_management %}
                      {% if current_variant.inventory_quantity < 10 and current_variant.inventory_quantity > 0 %}
                        {% assign qty = current_variant.inventory_quantity %}
                        {{ 'products.product.stock_available' | t: count: qty }}
                      {% elsif current_variant.inventory_quantity == 0 or current_variant.inventory_quantity < 0 and current_variant.incoming %}
                        {% if current_variant.available %}
                          {% assign date = current_variant.next_incoming_date | date: format: 'date' %}
                          {{ 'products.product.will_not_ship_until' | t: date: date  }}
                        {% else %}
                          {% assign date = current_variant.next_incoming_date | date: format: 'date' %}
                          {{ 'products.product.will_be_in_stock_after' | t: date: date  }}
                        {% endif %}
                      {% endif %}
                    {% endif %}
                  </span>
                </li>
              {% endif %}
            </ul>
          
          <div class="rte product-single__description text-justify" itemprop="description">
          {{ product.description }}
        </div>

 

Hey team,

I am using the Venture theme and trying to edit the product-template.liquid file at line 186. How do I add the color red and bold the text like the picture below? Thanks

 

 

 

Coach Outdoor Wall Lantern.png

Accepted Solution (1)

Accepted Solutions
LitCommerce
Trailblazer
288 71 72

This is an accepted solution.

Please add code: <p style="font-weight: 700;color: #ff0000;">5 AVAILABLE ONLY</p>

it will display fine. Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 3 (3)
diego_ezfy
Shopify Partner
2300 413 542

@ctsimon 


If you are adding that description from the product's admin page you don't need any code. 

Simply highlight the words you want to change the color and then click on the "color" button.

diego_ezfy_0-1634265153595.png

In case this doesn't solve the issue please forward your website's URL so we can debug the code and provide further assistance.

Kind regards,
Diego

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.
LitCommerce
Trailblazer
288 71 72

This is an accepted solution.

Please add code: <p style="font-weight: 700;color: #ff0000;">5 AVAILABLE ONLY</p>

it will display fine. Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

ctsimon
New Member
7 0 0

Thank you both for the help, the formatting for the color wasn't in the native tool within the text editor so LitCommerce code helps me edit the liquid file to adjust.