Shopify themes, liquid, logos, and UX
Hi,
Hoping someone can give me so assistance with changing the bullet point <li> icon on my theme.
Currently, product pages show any bullet points as a green tick: https://infinitihome.co.uk/products/reclaimed-coffee-table-coastal-chic
However, collection page descriptions show as normal bullet points: https://infinitihome.co.uk/collections/walnut-furniture
Is there anyone who can help me change collection page bullet points to the green tick? Or maybe some assistance in working it out?
Im struggling to get a response from the theme dev so any help is really appreciated.
Thanks!
hi,
bad to see that you are facing this but let me help you out can you tell me about the theme you are using and also if you want green tics on the collection page too simply DM me!
Hi,
@Ecommpremium how do I direct message you?
The theme is Rubix Multipurpose (Organix), I need to add green ticks to the collection pages! Any idea?
Thank you
yes you can direct message! if you feel comfortable!
No thanks, I prefer to keep the discussion public.
If you can help, please let me know.
@AdamStokes2021 please have a look in the product page template and share the code of product-template.liquid and collection-template.liquid so I can help you out
Thank you so much,
I have attached the code for both product and collection page.
I've also attached a screenshot so you can see there are a number of product/collection files. The attached are:
vela-template-product.liquid
vela-template-collection.liquid
Hope you can help!
Thank you
This is the product detail code.
.proDescription {
padding: 20px 0 0;
line-height: 24px;
h5 {
margin: 10px 0 5px;
padding: 10px 0;
font-size: $vela-font-size + 1;
}
ul {
margin: 0;
padding: 0;
list-style: none;
li {
position: relative;
padding-left: 18px;
font-size: $vela-font-size;
line-height: 24px;
&:before {
content: '\f00c';
position: absolute;
top: 0;
left: 0;
color: $vela-color-primary;
font-family: $vela-font-icon;
font-size: $vela-font-size - 4;
}
}
Just found this code, could this be the bulletpoint tick?
@AdamStokes2021 nice to see you figured it out yourself!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024