0
Welcome Guest! Login
0 items Join Now

Need to overide gantry framework css...

  • Need to overide gantry framework css...

    Posted 14 years 4 months ago
    • Hi,

      I've got an issue where the gantry.css file is adding some padding around a module and I need to remove it.

      It's line 16 of the file gantry.css:
      .rt-block {padding: 15px;margin-bottom: 10px;position: relative;}

      And if you look at the attached screen you'll see how it's affecting my template.

      I've tried altering the css to remove the padding but no luck. Every time I turn on the Gantry Zipper it just overwrites the file. What do to do? Perhaps a module class suffix could be used?

      I've also been trying to get an answer from Henning about how to disable css compression without disabling the front end style sheets. Every time I turn off the Gantry Zipper, the front end of my site loses its css completely.

      Thanks.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Need to overide gantry framework css...

    Posted 14 years 4 months ago
    • do you have a link for us?
    • Yves's Avatar
    • Yves
    • Preeminent Rocketeer
    • Posts: 9214
    • Thanks: 5

    Re: Need to overide gantry framework css...

    Posted 14 years 4 months ago
    • Henning wrote:
      do you have a link for us?

      The link is in the screenshot :D

      It looks like you managed to remove the padding around the logo ?
    • Yves
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Need to overide gantry framework css...

    Posted 14 years 4 months ago
    • haha ... yes just spotted it.

      to change that padding just for the logo you could add this to your template.css

      div.logo1 div.rt-block {
      padding-top: 0;
      padding-bottom: 0;
      }

Time to create page: 0.057 seconds