Changing color on a text without moving it!

Solved
ImDedi
Explorer
55 1 13

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: 

ImDedi_0-1614344827412.png

ImDedi_2-1614344864451.png

 

 

0 Likes
JHKCreate
Shopify Partner
2228 368 497

Hi @ImDedi 

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
ImDedi
Explorer
55 1 13

Hi @JHKCreate, im sorry!

 

www.imdedi.com is the URL!

0 Likes
suyash1
Shopify Partner
2463 260 395

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

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
JHKCreate
Shopify Partner
2228 368 497

This is an 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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes