I am using a custom footer with only one column so I need the shortcode instead

It is not working

here is my code for the first icon with my custom class “whaticon01”

#main .iconbox .iconbox_icon .whaticon01 {
background: url(http://balrajt9.sg-host.com/wp-content/uploads/2022/03/whaticon01-1.png);
height: 60px;
width: 60px;
font-size: 0px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
border: none;
background-position: center 11px;
}

ok for each icon/block, i can add a class under the “developer settings”?

wow, you are amazing!

Would you be able to help do the same thing to this section – https://ibb.co/MN9qM8t – I am using the icon box there with the icons at the top of the block

here is the mockup of what it should look like
mockup. – https://ibb.co/Xxs48V3

Works pefect

Thanks!

Got it

Thanks!

Its acutally not working on my end and I have checked several computers

I am using chrome browser.

what browser are you on? Can you ask someone else to check please?

This looks GREAT

I tried to add the divider lines on mobile but they are not in the center and they are uneven. is there a way to fix that?

screenshot – https://ibb.co/N3LmM9h

site – http://balrajt8.sg-host.com/

Where am I adding this shortcode?

ok thank u so much

thank you

I switched it to code block but now it is taller because

http://alexandere68.sg-host.com/ the “Phone” and the “number” are now on separate lines

how do I keep them on the same line?

Thanks

weird
every time I edit that block it goes away

Perfect

Thank you

Ok that works but now the only thing is that the icon on the left also needs to be vertically aligned