[JW & Co.Participant]

Hello,

If you visit the B2b Solutions tab on coverwraps.joshuaweatherstone.com and then scroll up a little you will see two columns – ‘Case Studies’ and ‘Q & A with Founder.’ I originally created these as feature boxes, but have also started one in text editor in case that is the better way to achieve what I want, which is relly quite simple.

1. Want icons to start black, but change to orange color when hovered over.
2. Want headline to start black, but change to orange color when hovered over.
3. Both icon and headline need to link to other pages.

Please advise me on how to accomplish this. I don’t like the spacing between the headline and the icon in the feature box, which is solved by the text editor… but I’m fine staying with the feature boxes. I just need to know which is better to customize and how to do it.

Thanks,
Josh

[RupokMember]

Hi Josh,

Thanks for writing in!

#1 & #2 : You can add this under Custom > CSS in the Customizer.

.x-feature-box-title:hover, .x-feature-box i:hover {
  color: #f54 !important;
}

#3. It’s not usually possible to link the icon and title. As you are using the shortcode (I assume as you are referring Text Editor) so you can try placing link but it shouldn’t work.

Hope this helps.

Cheers!

[JW & Co.Participant]

Thanks for your help. I hope your developers update the feature boxes to make each element linkable in the future.

Josh

[ThaiModerator]

You’re most welcome, Josh 🙂

[Author]

Posts