0
Welcome Guest! Login
0 items Join Now

SOLVED Rounded corners

Last Post
Search Topic
    • beamaria's Avatar
    • beamaria
    • Elite Rocketeer
    • Posts: 513
    • Thanks: 6

    SOLVED Rounded corners

    Posted 12 years 6 months ago
    • How can I modify the css of box1 (or box2 or box3) of gantry default template to obtain rounded corners for the module?

      div.rounded div.rt-block {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px
      }

      I added this in my gantry-custom.css, but it doesn't work...


      (using gantry 4.0.5, gantry default template and joomla 2.5.7)
    • Last Edit: 12 years 6 months ago by beamaria.
    #887452
    • beamaria's Avatar
    • beamaria
    • Elite Rocketeer
    • Posts: 513
    • Thanks: 6

    Re: SOLVED Rounded corners

    Posted 12 years 6 months ago
    • Stupid me!
      Just create a new name for the module (example mymodule) and then write this in custom-gantry.css file:

      .rt-block.mymodule {
      background: url('../images/patterns/myimage.png');
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px

      Then add [space]mymodule in Joomla module class suffix of the desired custom HTML module...that's all
    #887460

Time to create page: 0.065 seconds