How to Position Text Below Icons Using CSS in Sense Theme?

Store Design
, ,
1

Hello, team! I’m not very experienced in development, but I am eager to learn, so I am reaching out to you for help :sweat_smile:

I am using the Sense theme, and here is my website: https://claws-paws.us/products/wireless-dog-gps-fence-system

Currently, the product landing page is created using image banner blocks. However, as you can see, the text is part of the image, which negatively affects SEO. I would like to replace all the text on the images with normal text so that it not only looks good but also has practical value

So, my question is, I am currently working on modifying the CSS code. I managed to position the text “2 in 1 wireless Dog Fence & Training Collar” where I wanted. Now, I would like to place the text under the icons. Could you please advice what code I can use to position these texts in the right order? (as they are currently arranged on the banner)

image 58.png
image 58.png1913×890 112 KB

Thank you in advance!

2

@PawsClaws - you will need custom liquid section which will have 4 icons and the text you want set using custom html… this will take a little time to code and multiple css settings… css on its own can not put text under image

1 Like