Icon Box

[tsimarketing]

I am having issues with creating an icon box that has the icon floating left and not having the text fade in when rolling over the icon. I want the icon and text to the right to show without the rollover as soon as page loads.

Powered by People

Thanks!

[Kyle – SUPPORT]

Hi

Previously you asked me to hide the text until you hover over the icon box? You said that’s what your client requested

– Kyle

[tsimarketing]

Hi Kyle.
Sorry for the confusion. There are three of us that use this account to build this site (divide and conquer). Someone else did ask to do that on a separate page for the client and it works great, so thank you! I was just curious, if it were at all possible to have it not be a hoover action on the page that I am currently working on because I want the information next to the icon to be there as soon as someone navigates to the page.

Thanks again!

[Kyle – SUPPORT]

Ok no problem, I previously gave your colleague this custom css for the hover effect:

.sf-icon-box .sf-icon-box-content p {
  visibility: hidden;
}
.sf-icon-box:hover .sf-icon-box-content p {
  visibility: visible;
}

Please could you change it to:

.sf-icon-box-standard .sf-icon-box-content p {
  visibility: hidden;
}
.sf-icon-box-standard:hover .sf-icon-box-content p {
  visibility: visible;
}

– Kyle

[tsimarketing]

Works great! Thank you sir!

[Kyle – SUPPORT]

Great! No problem

– Kyle