Design question re: boxes around a div

User 2283161 Photo


Registered User
10 posts

I was checking out this site:
http://marieforleo.com/

And I like the boxes around each of the right sidebar divs. Does anyone know the CSS for this?
Thanks
User 187934 Photo


Senior Advisor
20,261 posts
Online Now

.sidebar {
border: 1.5px solid #EBEBEB;
border-radius: 0 0 0 0;
}
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 2283161 Photo


Registered User
10 posts

And then I use the "sidebar" setting for the "class" attribute on a DIV?
User 187934 Photo


Senior Advisor
20,261 posts
Online Now

Yes.:)
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 2283161 Photo


Registered User
10 posts

Hey Eric,
Thanks alot. That totally worked.

http://www.bellaabundance.com/

One refinement I'd like to make is that the corners of her div are rounded. I see the code you gave me has an entry for radius. Is that where settings would go for rounding the corners?
Thanks
User 187934 Photo


Senior Advisor
20,261 posts
Online Now

I'm @ a state semi final soccer game so I'm on my phone. Css 3 supports radius corners and I don't think that's the way it's done.
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 2283161 Photo


Registered User
10 posts

Thanks! You helped me figure out what to look up:
http://www.css3.info/preview/rounded-border/
Works great.
User 187934 Photo


Senior Advisor
20,261 posts
Online Now

Glad to help.
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.