Creative CTA - icon over image?

Support
#1

Hi, is it possible to have an icon on top of the Primary Graphic Image?

My client thinks we need some way to “suggest” that this is a rollover image/link. I agree. It would be nice to add an icone, like a link or eye glass icon, over the image.

Thanks!

#2

Hi Andrew,

Thank you for writing in, Regretfully Creative CTA does not have that option, you can embed an icon to the image if you need to but the Creative CTA element is engaging on its own.

Cheers!

#3

gotcha, thanks!

if I wanted to customize this element, where would i find the file with the html markup? I would of course move a copy to the child theme.

#4

Hello Andrew,

Creative CTA were hard coded in Cornerstone or in Pro theme. You can add the icon by way of using a custom css instead. Perhaps a code like this may help:

.x-image.x-graphic-image.x-graphic-primary:before {
    display:block;
    position: absolute;
    top: 35%;
    left: 35%;
    font-family: "FontAwesomeRegular" !important;
    content: "\f0c1";
}

You can get the link icon here: https://fontawesome.com/icons/link?style=solid

Hope this helps.

#5

Thanks! perfect.

#6

You are most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.