Sharing is helping.

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


    Home Forums "How do I" questions Issue with my new static block Reply To: Issue with my new static block

    #5015

    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;)