I want to edit the class: ‘rimage__image fade-in lazyautosizes lazyloaded.’ However, I can’t find it in any .liquid files on the Shopify theme editor. How can I edit it?
I assume you want to edit the CSS styles (such as: background-color: #000) of this specific class: rimage__image fade-in lazyautosizes lazyloaded.
These CSS styles are added in .css files and not in .liquid format. In 99% of Shopify stores, you can locate these files named as: base.css or theme.css.
If you want to add custom styles, simply insert the following example code into your base.css or theme.css file, and you’ll be affecting the entire HTML container.
.rimage__image {
background-color: #000;
padding: 20px;
color: white;
margin-top: 5px;
}
Thank you! But i want to change HTML. Not CSS style.
Finding the HTML for that class is as simple as knowing which section you’re extracting the code from. For instance, if it’s from the main banner of your store, the file in your code might be named something like banner.liquid. If the code is extracted from the product page, check a file named main-product.liquid.
It’s challenging for me to determine the document’s name where that code is located with so little information. If you still can’t locate it, provide more context, and I’ll try to assist you further. However, I believe with the examples I’ve given, you should be able to find it without any problem.
