2.0 Showcase Theme - Need to centre product titles, prices + review stars on collection pages

[Shari_Pearce]

Running Showcase 2.0 theme and wanting to centre the product title, price, sale price + review stars on collection pages.

Also,

On collection pages - for products that have variants - how to make the variant box rounded like the rest of the theme buttons?

Website is www.unearthedcrystals.com.au

Product with a variant - https://www.unearthedcrystals.com.au/search?filter.v.price.gte=&filter.v.price.lte=&sort_by=relevance&type=product%2Carticle&options%5Bprefix%5D=last&q=satya+incense

[oscprofessional]

@Shari_Pearce ,

span.title, .price {
    text-align: center !important;
}
.pretty-select, .disclosure .disclosure__toggle {
    border-radius: 53px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

[Shari_Pearce]

@oscprofessional Thank you so much!

That fixed up the centering of the things I wanted and rounding the buttons!

How would I fix the error on sold-out variants you highlighted?

below is the code I am using for these buttons.

{% if product.variants.size > 1 %} {% for variant in product.variants %} {% if variant.available %} {{ variant.title }} {% else %} {{ variant.title }} - {{ 'products.product.sold_out' | t }} {% endif %} {% endfor %} {% else %} {% endif %}

{% if product.available %}

{% else %}

{% endif %}

[oscprofessional]

@Shari_Pearce ,

Check your Local folder & edit the ‘en.default.json’ file.