Sharing is helping.

We offer you this space to share your knowledge about Magento and learn from our experienced customers.


    Home Forums Reply To: Issue with my new static block Reply To: Issue with my new static block

    #9973

    Anonymous

    Change your home page code and css to this:

    /* Home Page Code */
    <div class=”canvas-home”>
    <div class=”promo”>
    <div class=”promo-right”><img src=”{{skin url=’images/media/promo2.jpg’}}” alt=”Daily Deals” /><img src=”{{skin url=’images/media/promo6.jpg’}}” alt=”Past Deals” /><img src=”{{skin url=’images/media/promo7.jpg’}}” alt=”Upcoming Deals” /><img src=”{{skin url=’images/media/promo5.jpg’}}” alt=”Our Partners” /></div>
    {{block type=”cms/block” block_id=”helloslide”}}
    <div class=”subpromo”>
    <div class=”offers”><img src=”{{skin url=’images/media/sub01.jpg’}}” alt=”Test 1″ /><img src=”{{skin url=’images/media/sub02.jpg’}}” alt=”Test 2″ /><img src=”{{skin url=’images/media/sub03.jpg’}}” alt=”Test 3″ /><img src=”{{skin url=’images/media/sub04.jpg’}}” alt=”Test 4″ /></div>
    </div>
    <div class=”BelowOffers”>This is a test message.</div>
    </div>
    <div class=”featured-social”>{{block type=”catalog/product_list” category_id=”12″ template=”catalog/product/featured.phtml”}}</div>
    </div>

    /* Stylesheet area */

    /* PROMO STUFF */
    .canvas-home .promo-right { float: right; width: 280px; margin-top: 5px;}
    .canvas-home .promo-right img { margin-bottom: 25px; }

    .canvas-home .promo-right img { filter:alpha(opacity=100);opacity:1; }
    .canvas-home .promo-right img:hover { filter:alpha(opacity=100);opacity:1; }

    .canvas-home .promo-right img.last { margin-bottom:0px; }
    .canvas-home .promo-bottom { clear: both; margin-top: 15px; }

    /* SUBPROMO & BRANDS */
    .canvas-home .subpromo { margin: 20px 0px 20px 5px; float:left; }
    .canvas-home .subpromo .brands { float: right; padding-right: 15px; }

    /* SUBPROMO & OFFERS */
    .canvas-home .subpromo .offers { margin-left: 12px;}
    .canvas-home .subpromo .offers img { margin-right: 32px; float: left; white-space: pre-wrap;filter:alpha(opacity=100);opacity:1; border: 0px solid dimgray; }
    .canvas-home .subpromo .offers img:hover { filter:alpha(opacity=65);opacity:.5; }

    /* BELOWOFFERS */
    .canvas-home .BelowOffers { float:left; margin-left:15px; margin-top:20px; width:524px; height:150px; background-color:#E5E5E5; border:1px solid #000000; padding:20px; }
    .canvas-home .BelowOffers img { margin-right: 32px; float: left; white-space: pre-wrap;filter:alpha(opacity=100);opacity:1; border: 0px solid dimgray; }

    ========================================================

    Also , do the following change in custom.css

    Go to : skin > frontend > default > YOUR THEME > css > custom.css

    line 53 change the slider size to the following :

    #slider { height:314px; width:607px;)