0
Welcome Guest! Login
0 items Join Now

gantry css overriding my component - margins 0

Last Post
Search Topic

  • gantry css overriding my component - margins 0

    Posted 13 years 1 month ago
    • Obviously my CSS skills are not what they should be because I can't seem to figure this out :oops:

      We are using Workforce as a component to organize and display our employees. However in the bio section all paragraph margins are at 0 so everything is right against each other. Firebug reveals that the style dictating this is here: /libraries/gantry/css/css-0e5042ebc3c9c083fc851dbfb00627ae.php where .component-content td p is set to 0 margin.

      I've been messing with the workforce CSS trying different things to make this work and I can't figure it out. Kinda scared to fiddle with the gantry CSS, the last thing I want to do is mess it up.

      Can anyone offer some suggestions?

      example here: http://www.cfr-ins.com/employees/nichole-trobare
    #778584
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: gantry css overriding my component - margins 0

    Posted 13 years 1 month ago
    • Hi, first thing, disable RokGZipper in your plugin manager and double check that RokGZipper and Gantry Cache is turned off in the Advanced tab of the template settings. Whenever you see a file name like css-0e5042ebc3c9c083fc851dbfb00627ae.php - that is a compressed file that is temporarily generated to increase loading times. You don't want this on while you're working on the site, as that is not the location of the code you need to change. Plus, your changes may not be seen as you could be looking at a cached version of the stylesheet on the page. I can't tell you which files to edit with it on either. You can turn this back on when you're done working on the site.

      Next thing, never change the files in the library/gantry folder. Any changes you make could be overwritten next time you upgrade Gantry. A better way to go is to copy the code you wish to change and paste it into your template.css file or create a custom style sheet for changes. This code will override the code in the Gantry folder.

      Check out this article I wrote on custom style sheets and CSS overrides, it could help. Let me know if you have more questions. www.rockettheme.com/magazine/dec-2011/13...cket-theme-templates
    • The difficult we do immediately, the impossible takes a little longer.
    #778702

Time to create page: 0.185 seconds