0
Welcome Guest! Login
0 items Join Now

Afterburner Padding + CSS Override?

  • Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • www.mercedsystems.com/testing/ (images may not load as the images are on a local server)

      Hi Guys,

      I'm having issues with the padding on the home page - i can't seem to override the main stylsheet See pink box on the home page, i've added padding:0px 0px 0px 0px to the table, but its not getting picked up.... also having the same problem with line spacing and all sorts... how do i override the sytlesheets so that i can have custom padding inside custom_html modules - i'd like this 'pink' box to be flush with all 4 edges - i.e. no grey box?

      Any ideas? :P

      Thanks!
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • You can try add this at end of template.css file:
      .-flush .module{margin: 0 !important; padding: 0 !important;}

      and add -flush as module class suffix for the specific module
    • Quick tips::
      1) Clear your browser cache if changes dont reflect
      2) Provide link to your site to help us help you better
      3) Use in firebug
      Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug

      softlogique.com
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • Thanks got the response Amandeep.

      Have tried this, but its not made any difference i'm afraid. (I added the code to style3.css, as this is the style in use - to be on the safe side i also aded it to styles.css and styles.ie.css, but still not making a difference.

      Any other suggestions :)
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • Have replaced the pink box with a single image 178px x 350px (may not appear externally, however hopefully you should still be able to see that i can't remove the padding). :)
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • thanks :)

      www.taral.co.uk/pics/sp.gif

      its the image on the right hand side with the blue border (Was using firebug). im trying to get it to sit flush, rather than the grey padding :)
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • Not sure but there seems to be difference with chrome styling due to which the specific suffix doesnt apply :oops:

      Will ask other moderators for help

      Cheers
    • Quick tips::
      1) Clear your browser cache if changes dont reflect
      2) Provide link to your site to help us help you better
      3) Use in firebug
      Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug

      softlogique.com
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • Taral Patel wrote:
      www.mercedsystems.com/testing/ (images may not load as the images are on a local server)
      ....
      çould you please load the images in your live server first so it will appear in your site?
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 1 month ago
    • ok - have done so. images should now load ok. :)
  • Re: Afterburner Padding + CSS Override?

    Posted 15 years 4 weeks ago
    • Open your light3.css at:
      <Joomla Root>/templates/<your template name>/css/light3.css

      At the end of the lines, add below codes:
      .m-flush .module-body {margin: 0 !important; padding: 0 !important;}

Time to create page: 0.052 seconds