Docs

[whollyh2o]

Hi there, I’m writing because I followed suggestions from an earlier post about this topic and I’ve applied the suggestions but it’s not quite working.

I’d like to round all of the corners on my page containers and have applied the following code to the Custom CSS:

.x-container.main:before
{border: all; border-radius: 15px;
margin-top: 25px;}

But it’s only rounding the top and bottom corners on the right while the corners on the left are still sharp.

Wholly H2O, Mainstreaming Water (Re)Use

Thanks!

[Rupok]

Hi there,

Let’s try updating your code to following :

.x-container.main::before {
  border-radius: 15px;
  left: -6%;
  margin-top: 25px;
  width: 80%;
}

Hope this helps.

[Author]

Posts