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

Solved

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

PawsClaws
Excursionist
23 0 7

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

 

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

 

Thank you in advance!

 

Owner of claws-paws.us
Accepted Solution (1)

suyash1
Shopify Partner
10434 1287 1646

This is an accepted solution.

@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

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Reply 1 (1)

suyash1
Shopify Partner
10434 1287 1646

This is an accepted solution.

@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

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.