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.

Fixed elementh height in rokvmscroller

Last Post
Search Topic

  • Fixed elementh height in rokvmscroller

    Posted 15 years 6 months ago
    • Hi guys

      I wanna solve this issue I am having with rokvmscroller. The product thumbnails vary, and so do product names (some are longer than others), so the whole scroller content varies. Here's the link to show you what I am talking about:

      adverto.si/shop/index.php?option=com_con...=frontpage&Itemid=94

      Basically, what I want to achieve is to have all the items in the scroller the same height, so that the content inside of them (name, thumbnail, price, add to cart button) are distributed inside of it. Any advice how to do this?

      Here's the CSS code:


      /* Horizontal */
      #horizontal-rokvmscroller {width:5000px;}
      .horizontal-scroller-bottom {position: relative;border-top: 1px solid #ccc;overflow: hidden;margin: -1px;}
      .horizontal-rokvmscroller-container {background: url(../images/main/scroller-bg.png) 0 50% repeat-x;margin-left: 67px;border-left: 1px solid #ccc;margin-right: 67px;border-right: 1px solid #ccc;}
      .horizontal-rokvmscroller-wrapper {overflow: hidden;margin: 0 auto;}
      .horizontal-rokvmscroller-leftarrow {background: #ddd url(../images/main/scroller-ctrl-l.png) 0 50% no-repeat;position: absolute;top: 0;left: 0;height: 100%;width: 67px;cursor: pointer;}
      .horizontal-rokvmscroller-rightarrow {background: #ddd url(../images/main/scroller-ctrl-r.png) 0 50% no-repeat;position: absolute;top: 0;right: 0;height: 100%;width: 67px;cursor: pointer;}
      #horizontal-rokvmscroller div {width: 187px;margin: 0;padding: 10px 9px 0 9px;float: left;text-align: center;}
      #horizontal-rokvmscroller div.first {padding-left: 10px;}
      #horizontal-rokvmscroller div.last {border-right: none;margin-right: 0;padding-right: 0;}
      /* No arrows exceptions */
      .noarrows .horizontal-rokvmscroller-container {margin-left: 0;margin-right:0;}
      .noarrows #horizontal-rokvmscroller {margin: 5px auto 0;}
      .horizontal-rokvmscroller-container a img, .vertical-rokvmscroller-container a img {width:50%;}

      Thanks,
      -J
    #419703

Time to create page: 0.073 seconds