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!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024