I am trying to get my text to align the center under my product and collection cards. I have tried to edit but have had no luck! Everything I have read says to edit the theme.css BUT my editor only has a “theme.js”
Here is a copy of the code from the collection-card.liquid:
{%- liquid
if items_per_row == 2
assign col_class = ‘half’
elsif items_per_row == 3
assign col_class = ‘third’
elsif items_per_row == 5
assign col_class = ‘fifth’
else
assign col_class = ‘quarter’
endif
if settings.coll_card_image_fit == ‘cover’
assign cover = true
else
assign cover = false
endif
-%}
{%- if image != null -%}
{% render 'card-image',
img: image,
aspect_ratio: aspect_ratio,
cover: cover,
items_per_row: items_per_row
%}
{%- else -%}
{%- capture placeholder_svg_name -%}collection-{{ 'now' | date: '%N' | modulo: 6 | plus: 1 }}{%- endcapture -%}
{{ placeholder_svg_name | placeholder_svg_tag: 'placeholder' }}
{%- endif -%}
