css3 timeline - Post ID 252597

User 283347 Photo


Registered User
388 posts
Online Now

How would one go about adding this timeline http://codepen.io/P233/pen/lGewF using RSD?

Thanks in advance,

MJ
User 2088758 Photo


Senior Advisor
3,087 posts

Hi Mark,

What you want to do here is create a custom css file and put in all your css from that clip. Then within RSD add an html element and paste the html from the clip. You may want to edit the html in an editor before you add it to RSD.

Last thing is to go into the settings of RSD and place code in there to call your custom css.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 283347 Photo


Registered User
388 posts
Online Now

Thanks Steve,

I (thought) I did that...but can you please clarify this part of your response (sometimes I'm slow Ha) ..."Last thing is to go into the settings of RSD and place code in there to call your custom css."

that might be what my problem is...

what does this look like?

PS do I need to assign any classes or id's or name anything?

MJ
User 283347 Photo


Registered User
388 posts
Online Now


here is a test page...all html and css is unedited http://www.5pointsswing.coffeecup.com

mark johnson wrote:
Thanks Steve,

I (thought) I did that...but can you please clarify this part of your response (sometimes I'm slow Ha) ..."Last thing is to go into the settings of RSD and place code in there to call your custom css."

that might be what my problem is...

what does this look like?

PS do I need to assign any classes or id's or name anything?

MJ
User 2088758 Photo


Senior Advisor
3,087 posts

Ok heres what you do.

1. Create a custom.css and place it with your other css files.
2. Paste the css code from the snip into the css file.
3. Open RSD goto Settings then in the Head box type this:

<link rel="stylesheet" href="css/custom.css">

4. Goto the HTML Element and paste in the html code from the snip there.
5. Upload your website files. (dont forget to upload the css folder again so the new custom.css is there.)

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 283347 Photo


Registered User
388 posts
Online Now

Hey Steve,

Thats what I did..but it yields this... http://www.5pointsswing.coffeecup.com

I'll mess with it more later..

Have a great weekend
MJ
User 122279 Photo


Senior Advisor
14,456 posts

Mark, check that you have got the correct css file. It seems you have used the sass file instead. You need to convert it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.