0
Welcome Guest! Login
0 items Join Now

RokSlideShow padding in Afterburner

Last Post
Search Topic
    • omarf's Avatar
    • omarf
    • Rocketeer
    • Posts: 79
    • Thanks: 0

    RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • I'm trying to remove the padding from RokSlideShow in the Advertisement position of Afterburner.
      .-flush .module-body {margin: 0 !important; padding: 0 !important;}
      doesn't work.

      Here's the site: tinyurl.com/yjr4sbm

      Any suggestions, please?

      Thanks!
    • --omarf
    #401023
    • Tyndie's Avatar
    • Tyndie
    • Preeminent Rocketeer
    • Posts: 8803
    • Thanks: 3

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • I managed to fix it using chrome dev tools, I will see if i can fix it in the css files too and post the fix on here.
    #401191
    • Tyndie's Avatar
    • Tyndie
    • Preeminent Rocketeer
    • Posts: 8803
    • Thanks: 3

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • Try changing this
       
.module-body {padding:10px 15px 25px;}
 

      to
       
/* .module-body {padding:10px 15px 25px;} */
 

      So that is commented out, it looks like that css command is pushing out your slideshow to the right and down.

      Also the images that you have used are very very heavy, you might want to look into optimising the sizes of them at least.
    #401194
    • omarf's Avatar
    • omarf
    • Rocketeer
    • Posts: 79
    • Thanks: 0

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • Brian, thanks. I was aware of that css rule, but wouldn't it apply to all modules? I was trying to style just the RokSlideShow, or more specifically its container.

      Regarding image sizes, I'll play with the file size/image quality to see how much they can be whittled down without diminishing the effect too much.
    • --omarf
    #401424
    • omarf's Avatar
    • omarf
    • Rocketeer
    • Posts: 79
    • Thanks: 0

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • Reduced the images to 30-50KB each. Let me know if it helped.

      I played with the CSS rule you mentioned, Brian, and it does affect other modules adversely. For example, it pushes the text in the right position module (currently "Advertisement") flush against its left margin.
    • --omarf
    #401432
    • Tyndie's Avatar
    • Tyndie
    • Preeminent Rocketeer
    • Posts: 8803
    • Thanks: 3

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • How does it look in the showcase position, with the suffix class of dp100?
    #401433
    • omarf's Avatar
    • omarf
    • Rocketeer
    • Posts: 79
    • Thanks: 0

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • Much better, thanks for the suggestion. Take a look now. I need to investigate what's below it though.
    • --omarf
    #401435
    • Tyndie's Avatar
    • Tyndie
    • Preeminent Rocketeer
    • Posts: 8803
    • Thanks: 3

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • Remove the
      padding-bottom: 25px;

      From showcase foreground
    #401438
    • omarf's Avatar
    • omarf
    • Rocketeer
    • Posts: 79
    • Thanks: 0

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • Yes, got it. Now to align the breadcrumbs with tha nav bar. You tweak one thing...
    • --omarf
    #401441
    • Tyndie's Avatar
    • Tyndie
    • Preeminent Rocketeer
    • Posts: 8803
    • Thanks: 3

    Re: RokSlideShow padding in Afterburner

    Posted 14 years 7 months ago
    • hmm try changing

      div.breadcrumbs
      padding: 7px 27px 5px;
    #401444

Time to create page: 0.051 seconds