Add Codepen Module - Support | Kriesi.at - Premium WordPress Themes

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
August 8, 2016 at 4:22 pm #669898

navindesigns
Participant

Hi,

I would like to add a codepen module that I created on my enfold wordpress site. How do I go about adding the HTML and CSS sections?

I DO NOT want to use the codepen embed feature that is on the bottom right.

Thanks

August 8, 2016 at 4:30 pm #669905

Yigit
Keymaster

Hey navindesigns!

You can use Code Block element or text tab of Text Block element.

Regards,
Yigit

August 8, 2016 at 4:40 pm #669912

navindesigns
Participant

But there is an HTML and CSS section in codepen
example – http://codepen.io/balraj/pen/RaEoVX

where do I enter both HTML and CSS?

August 10, 2016 at 12:03 pm #670796

Yigit
Keymaster

Hi,

Please insert only this one for HTML – http://pastebin.com/AxwjFRZL
and this one for CSS – http://pastebin.com/CB5ztnTg

Best regards,
Yigit

August 10, 2016 at 3:56 pm #670887

navindesigns
Participant

Thanks

But I am still a little confuse

Do I paste both HTML and CSS codes in the code block?

screenshot – https://s9.postimg.org/67p115mjj/Screen_Shot_2016_08_10_at_10_01_05_AM.png

August 10, 2016 at 4:08 pm #670900

Yigit
Keymaster

Hey!

You can paste CSS code into Quick CSS field and your HTML into code block element or text tab of text block element

Regards,
Yigit

August 10, 2016 at 4:41 pm #670940

navindesigns
Participant

Thanks.

I will need to add about 20 more modules from codepen into my enfold site

Here is another example

I would really appreciate if you can explain how to you take the codepen codes and paste it into pastebin. (like the actual process) I am not sure how you did the first one.

Thanks alot

August 10, 2016 at 4:52 pm #670954

Yigit
Keymaster

Hey!

I only removed <body> and <head> tags from the HTML part. As they are already in the theme and you would only need the content.

Best regards,
Yigit

August 10, 2016 at 4:59 pm #670963

navindesigns
Participant

Would you mind doing me a massive favor and provide me with the HTML and CSS for this one

I gave you the wrong module before. This is the correct one I want to use on my site. I tried doing it but it not looking correct.

here is my link

Hero Category Headline

August 10, 2016 at 5:20 pm #670985

Yigit
Keymaster

Hi,

In this one you can copy as is and paste HTML into your content and CSS into your Quick CSS field. It has no body and head tags :)

Best regards,
Yigit

August 10, 2016 at 5:23 pm #670986

navindesigns
Participant

I did that but it is not coming out quite right :(

link

Hero Category Headline

August 10, 2016 at 5:27 pm #670992

Yigit
Keymaster

Hey!

I am sorry about that but you are going to need to hire a freelance developer for such customization as it would be out of the scope of our support.

Cheers!
Yigit

August 10, 2016 at 5:28 pm #670993

navindesigns
Participant

ok no worries

thanks for trying!
Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Add Codepen Module’ is closed to new replies.