Genesis Sample theme – round corners CSS

[Lourenco]

Greetings,

I would like to round the corners of the text area and widget area using CSS.

How can I do it?

Thanks in advance.

http://dojo.regenerar.pt/login/

[Victor Font]

You would use the CSS border-radius property: https://www.w3schools.com/cssref/css3_pr_border-radius.asp

User your browser's built-in inspect tool to find the correct CSS to apply the property to: https://victorfont.com/how-to-use-your-browsers-inspect-tool/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Lourenco]

Hello Victor,

Thanks for your message,

I identified the elements and created the following code

#genesis-content{
border-radius: 8px;
background: white;
padding: 3px;
}

#text-6{
border-radius: 8px;
background: white;
}

#dwqa-latest-question-2{
border-radius: 8px;
background: white;
}

That created this:

https://cloudup.com/cyWoPk1E0fq

See the text box glued to the footer.

Then to fix it i added to

#genesis-content{
border-radius: 8px;
margin-bottom: 40px;
background: white;
padding: 3px;
}

But that pushes the content down

The text box is still enlarged.

Although I looked carefully I think is strange that with the other boxes I just need two instructions:

#text-6{
border-radius: 8px;
background: white;
}

And with this text box i need more two - otherwise it doesn't work.

#genesis-content{
border-radius: 8px;
background: white;
padding: 3px;
margin-bottom: 40px;
}

I tried also with #genesis-content.content - the result is the same.

Is there a way to override this?

Thanks in advance

[Victor Font]

I'm not sure what you're asking. The page looks fine.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Lourenco]

Hello Victor,

Maybe this video helps to explain what happens

Like I say in the video maybe I'm being to picky about it 🙂

Regards

[Author]

Posts