[smdstudiosParticipant]

I didn’t see this feature in the Cornerstone settings so I was wondering if it was possible or would it have to be done with css? Do you have the code to accomplish this?

Please see site’s url in provate reply.

[smdstudiosParticipant]

This reply has been marked as private.

[RupokMember]

Hi There,

You can achieve rounded icon style by adding some custom CSS through Appearance> Customize > Custom > CSS

Like, to change your current icons –

#x-section-3 [data-x-icon], #x-section-3 [class*="x-icon-"] {
  background: #f54;
  border-radius: 50%;
  height: 150px;
  width: 150px;
  line-height: 150px;
}

Let’s try changing the values with your own. It will only change the icon style of #x-section-3.

Let us know how it goes.

Cheers!

[smdstudiosParticipant]

That worked great thanks! Now is it possible to add links to the icons or labels underneath?

[RupokMember]

Hi,

Glad that it worked. However linking is a different issue. You can add link when you add those (I am not sure how you you have added those) but you should be able to link your content from Cornerstone. Let’s try and let us know.

Thanks

[smdstudiosParticipant]

I look at the settings for icons and there was no option to link…Is there another way for me to do the icons?

http://gyazo.com/cb77ee443c785b9fb87e8f83dc059dbe

[LelyModerator]

Hi there,

Other option to use icon with link is to use the ICON SHORTCODE like below :
<a href="http:/linkgoeshere.com">[icon type="group"]</a>
Please add it in Text tab of editor or RAW CONTENT element .

Hope it helps.

[Author]

Posts