Classic Creative Call to Action

[aglmedia]

Is it possible to reverse the order of the Classic Creative Call to Action. I’d like image to be first and show the text when hovered over.

Thanks

[paul.r]

Hi,

To achieve that, you can add a unqique class to your call to action elements.

Then add the code below in Theme Options > CSS

.my-cta.x-creative-cta>span.text {  
    opacity:0;
    transform: translate(0, -150%);
}

.my-cta.x-creative-cta>span.graphic {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity:1;
}


.my-cta.x-creative-cta:hover>span.text {
    opacity: 1 !important;
    transform: none;
}

.my-cta.x-creative-cta:hover>span.graphic {
    transform: translate(-50%, -50%) scale(0) !important;
    opacity:0;
}

Hope that helps