Solved

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

ctsimon
Tourist
12 1 1

 

</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)

LitCommerce
Astronaut
2860 684 732

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
2935 562 883

@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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

LitCommerce
Astronaut
2860 684 732

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!
ctsimon
Tourist
12 1 1

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.