Inserting 'codepen' code in cornerstone

Support
#1

Hey staff,

I’m trying to insert html, css and javascript to achieve a custom ‘marker’ look, but i’m not succeeding. The effect i want to achieve + the code i’m using is displayed here.

I’ve added the javascript, css and html (into the cornerstone text element, custom headline and i also tried the raw content element)

Website url: http://www.feddewestera.nl/

I’m trying to add the ‘marker’ effect on the words “conversion rate” in the first section. I inserted the html coding into the text module, but as i said without succes. I did it the following way:

Ik verhoog de [x_extra href="#example" title="Het aantal bezoekers op uw website dat daadwerkelijk actie onderneemt (aanschaf, video bekijken, gegevens invullen etc.)." info="popover" info_place="bottom" info_trigger="hover"] conversion rate [x_icon type="question-circle" style="font-size: 15px; display:inline-block;vertical-align:top;"] [/x_extra] van uw website met 500%.

Is there any way to get this working?

Thanks in advance!

Fedde

#2

Hey,

if you could post some logins details in a secure note and we`d be happy to take a look.

P.S: You can search by “secure note” on this article if you don`t know about this: https://theme.co/apex/forum/t/themeco-support-overview/288

#3

Hello There,

Thanks for providing the information. The custom css should be added in the Settings > Custom CSS and the js should be in Settings > Custom JS. Please check out my test page: http://www.feddewestera.nl/an-x-test/

Hope this helps.

#4

Thanks a bunch! That worked!

#5

You are most welcome. :slight_smile: