Help aligning "MORE COLORS" to the left under price

Store Design
1

Hi all! Hoping you can help a novice coder with a styling question.

On my shop (http://wyboink.myshopify.com) I’m wanting to have a “MORE COLORS” blurp under the price for items on the home page.

I’m already found a YouTube video on how to put the text into place (but on a different theme other than “Dawn” which is what I’m using) but I’m unsure of how to get it to the left.

For the text, I put the following code on the price.liquid Snippet:

{% if product.options contains 'Color' %}
    

*<small>MORE COLORS</small>*

  {% endif %}

Could someone tell me how to also align it to the left so it sits under the price instead of in the middle, and also how to possibly change the color of the text to a specific hex?

Also, not sure how it became italicized - I didn’t do that :joy:

THANKS!

2

@wybo

Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!

Thanks!

3

Thanks so much!

The store link is http://wyboink.myshopify.com/

4

@wybo

Please share the store front password!

Thanks!

5

HAHA! Totally forgot :sweat_smile:

Password: pr3vi3w

6

@wybo

1] Please add the following CSS code to your assets/component-card.css bottom of the file.

.card-information p {width: 100%;text-align: left;width: 100%;display: flex; margin: 0;}

2] for the product page

Please add the following CSS code to your assets/component-price.css bottom of the file.

.product .price p {text-align: left;width: 100%;display: flex;margin: 0;}

Thanks!

7

@dmwwebartisan You’re a rockstar! Thank you! This worked beautifully!