Coast tutorial? - Post ID 265679

User 1293834 Photo


Registered User
12 posts

I've gone through the tutorials on the Animal Shelter and Visions templates. They give a great intro to RSD.

I am intrigued by the scrolling effects in the Coast template. Is there a detailed tutorial on how you did this particular sleight of hand?
User 232214 Photo


COO
827 posts

Eugene Lee wrote:
I've gone through the tutorials on the Animal Shelter and Visions templates. They give a great intro to RSD.


Very pleased to hear that~

Eugene Lee wrote:
I am intrigued by the scrolling effects in the Coast template. Is there a detailed tutorial on how you did this particular sleight of hand?


We could make a short write up, but it's fairly simple. Add a background image to the row and set 'attachment' to 'fixed' and 'size' to 'cover'. That's it...but for one little caveat... 'fixed' is not supported well on mobile devices (it's cpu intensive, consuming too much power is the general explanation) so make sure to change the attachment to 'scroll' below a breakpoint of about 740px. (Don't remember what we used in Coast for this but clearly you can also look at these settings.)

Any questions, just let us know!
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 1293834 Photo


Registered User
12 posts

Thanks. I just went through and basically pull everything apart and rebuilt from scratch and there it was.

The more I get into RSD the more fun I'm having.

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.