Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Rounded module class in Grid3 template

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

How would I go about creating a rounded module class in the Grid 3 template? Below I have pasted an example of what I have created with the module class primary1 inset corner hot. I actually would like it to be primary1 inset and have rounded corners. Is there an easy way to do that? I believe I would have to go to template.css and add another module but it looks like there is one called rounded but it doesn't do anything but change the size of the header font. Please help me figure out what I'm missing. Thanks.

Trudi
Attachments:
  • tford's Avatar
  • tford
  • 6 Month Developer
  • 29 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

If you add below does this work for you?

.inset.primary1 .zen-module-body {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

this will round off the body - you will need a background colour to see it - so if the background is a pale/white ish colour you may not see it

I first tried this on a module with a white background :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That did it! Thanks
  • tford's Avatar
  • tford
  • 6 Month Developer
  • 29 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks for update :)

Good luck with the rest of the site

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers