Changing color on a text without moving it!

[ImDedi]

Hi,

Im having trouble changing the color of the "I Lager" text to green without it changing position on the website.

Could anyone take a look and help? 🙂

Code:

         <div class="avail_deliver_prodpage"> 
                                     {% for tag in product.tags %}
                                      {% if tag contains '20-30 dagar' %}
                                    <span class="text-left">Leveranstid:</span>  
                                   	<span class="text-right"><i class="icon_dispatch"></i>20-30 Arbetsdagar</span>    
                                      {% elsif tag contains 'I Lager' %}
                                    <span class="text-left">Lagerstatus:</span> 
                                    <span class='text-right text-success'><i class="icon_dispatch"></i>I Lager</span>
                                      {% elsif tag contains '10-15 dagar' %}
                                   <span class="text-left">Leveranstid:</span>  
                                   	<span class="text-right"><i class="icon_dispatch"></i>10-15 Arbetsdagar</span>
                                       {% elsif tag contains '1-3 dagar' %}
                                      <span class="text-left">Leveranstid:</span>  
                                   	<span class="text-right"><i class="icon_dispatch"></i>1-3 Arbetsdagar</span>
                                      {% elsif tag contains 'nästa dag' %}
                                   <span class="text-left">Leveranstid:</span>  
                                   	<span class="text-right"><i class="icon_dispatch"></i>Nästa dag- order innan 12.00</span>
                                      {% endif %}
                                    {% endfor %}
                                  </div>

Pictures: 

[JHKCreate]

Hi @ImDedi 

Would you mind sharing your store's URL so we can provide a solution on that?

[ImDedi]

Hi @JHKCreate, im sorry!

www.imdedi.com is the URL!

[suyash1]

@ImDedi - checked your product link but could not see your text

[JHKCreate · Accepted solution]

Hi @ImDedi 

Add the following code to your theme.scss.css file at the very end, that should do it:

#ProductSection-product-template > div.grid.product-single > div.grid__item.medium-up--two-fifths > div > div.avail_deliver_prodpage > span.text-right {
    color: green;
}

Let me know!