0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

content box shadows footer overlap

Last Post
Search Topic
    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    content box shadows footer overlap

    Posted 13 years 10 months ago
    • How do I put a margin on top of the footer? I can't seem to get it right
      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 13 years 7 months ago by Designhow.
    #681470
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: content box shadows footer overlap

    Posted 13 years 10 months ago
    • hmm I'm not sure wich template that is.
      Best is to post that into the template specific forum with a link to the issue ...
    #681473
    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    Re: content box shadows footer overlap

    Posted 13 years 10 months ago
    • I added to shadows myself using westciv.com/tools/box-properties/index.html is ther a rocket way to do it? the framework is Gantry and the shadow boxes are: do they display for you? maybe I need IE and Safari css... the site 70.32.73.244/joomla

      div.where_menu .rt-block
      {box-shadow:0px 10px 8px #919191; border-radius:10px; background-color: #DCDCDC; color: #000000;};}

      .module-title h2
      {color: #E9EAF2; -webkit-stroke-width: 1.0px; -webkit-stroke-color: #000000; -webkit-fill-color: #8B8878; text-shadow: 2px 2px 2px #333333;}

      div.where_menu1
      {box-shadow:2px 2px 2px #333333; border-radius:10px; background-color: #DCDCDC; color: #000000;}

      #rt-grid .rt-prefix div.rt-block
      {box-shadow:4px 4px 4px #333333; border-radius:10px; background-color: #DCDCDC; color: #000000;}

      a#gantry-totop {
      box-shadow:0px 10px 8px #5D3600;
      border-radius:10px;
      background-color:#BD7B3E;
      color: #000000;
      display: block;
      text-align: center;
      line-height: 25px;
      }

      .rt-container{background-color: #EEF1EA;}
    #681536
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: content box shadows footer overlap

    Posted 13 years 10 months ago
    • perhaps adding this helps ... but you really need to add browser specific css for webkit browsers.
      I cant see the shadow in Safari ...


      #rt-main div.rt-block {
      margin-bottom: 30px;
      }
    #681538
    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    Re: content box shadows footer overlap

    Posted 13 years 10 months ago
    • Is there a module or extension from Rocket theme for browser compatible round corners and shadows for IE, Safari, etc.? Maybe a simple Rocket template I could install?
    #681540
    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    Re: content box shadows footer overlap

    Posted 13 years 10 months ago
    • #rt-main div.rt-block {
      margin-bottom: 30px;
      }

      Made the bottom of the box longer-adding white space between the the copy and the shadow, still crashes into the footer
    #681549

Time to create page: 0.087 seconds