Responsive Layout Maker Gradient...

User 2693187 Photo


Registered User
167 posts

Anyone want to do a video tutorial? Ahah confused as hell - but those boxes are definitely what I want to utilise!

-A.

User 2484360 Photo


Registered User
3,293 posts

Are you trying to do this?
Attachments:
User 2693187 Photo


Registered User
167 posts

Yeah pretty much but with rounded corners.

-A.
User 2693187 Photo


Registered User
167 posts

Adam > just having a play around..

How do I kill the space between as show in image below?
It's like there is padding set - but can't seem to find where.

Is there also a way to make it so the outline around the box appears as rounded once you export (with CSS)
User 2693187 Photo


Registered User
167 posts

Scrap that sorted it out with margin info.

:) Now if only I could figure out how to do rounded edges...

-A.

User 187934 Photo


Senior Advisor
20,271 posts

Eric Rohloff wrote:
Ok I see it only adds the custom header code after export.
There's no built in border radius for rlm at this time
So you can target a class or an ID and add this to the head
of your page through the "Layouts" then "Manage Project".
Adjust as needed.
<style>
.border-radius {
border-radius:10px;
}
</style>


I only added the code I posted.
http://ericrohloff.com/coffeecup/rlm/round_corners/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2693187 Photo


Registered User
167 posts

Ok - so say if I wanted to add that to a class.

Say my class was:

.Column@23 {
<style>
.border-radius {
border-radius:10px;
}
</style>


Is that how it'd work - or have I buggered up again?
User 2693187 Photo


Registered User
167 posts

Ok Figured it out - however is there a way that you can only get the top radius to do curves and below not...?

-A.
User 2693187 Photo


Registered User
167 posts

Ok - I think I'm starting to like CSS.

Managed to do it with the wonderful help from you guys.
See below.
http://www.adlab.com.au/responsive/index.html

Doing up a snippet cheat sheet while I go for reference!
-A.
User 187934 Photo


Senior Advisor
20,271 posts

Here's the rules for only the top.
.border-radius {
border-top-left-radius:10px;
border-top-right-radius:10px;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.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.