X-Cart forums

[suseela]

please log in to http://www.indiancarnival.com/home.php?shopkey=7we123RTu.

We want to add a gray background to banner images. Please help.

[totaltec]

I have made you a video to explain the process: http://youtu.be/OoHjnSrTgjA

[suseela]

Wow Mike. Thanks so much!

[suseela]

Hi Mike, can this be implemented using the default editor? I usually use the webmaster mode to add banners. The editor shows the basic tagging like this
<p>
<img alt="" src=" skin/common_files/images/diwali_banner_1.jpg" /></p>

[totaltec]

Originally Posted by suseela

Hi Mike, can this be implemented using the default editor?

Sure, just open the language entry, and above the first banner put:

<div style="background-color:#ccc">

Then after the last banner, close the div:

</div>

[suseela]

Hi Mike,

Please let me know where am I wrong:
<div class=background-color: #b0c4de;>
<p>
<a href="https://www.indiancarnival.com/Earrings/"><img alt="" src=" /skin/common_files/images/banners/diamond_earrings_bannerw.jpg" /></a><a href="https://www.indiancarnival.com/Pendant/"> <img alt="" src=" /skin/common_files/images/banners/Tribal_Lapiz_Pendant_bannerw.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Clutch-Purses/"><img alt="" src=" /skin/common_files/images/banners/banner_699_210w.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Paintings/"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/banner_348_500.jpg" /><span style="background-color:#ffff00;"> </span></a><a href="https:www.indiancarnival.com/public_profile.php?provider=78"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/featured_designerw.jpg" /></a></p>
<span style="background-color:#ffff00;"> </span></div>

[totaltec]

<div style="background-color: #b0c4de;">

Make sure you put quotes "" around the value of any property you declare in HTML. Also "class" is used to set a class that you will define elsewhere. As in class="my_style" and then in a separate style sheet named style.css:
.my_style {
background-color: #b0c4de;
}

"style" property is for when you want an inline defined style, without referencing an exteernal style sheet. Either way will work for your purpose here.

Originally Posted by suseela

Hi Mike,

Please let me know where am I wrong:
<div class=background-color: #b0c4de;>
<p>
<a href="https://www.indiancarnival.com/Earrings/"><img alt="" src=" /skin/common_files/images/banners/diamond_earrings_bannerw.jpg" /></a><a href="https://www.indiancarnival.com/Pendant/"> <img alt="" src=" /skin/common_files/images/banners/Tribal_Lapiz_Pendant_bannerw.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Clutch-Purses/"><img alt="" src=" /skin/common_files/images/banners/banner_699_210w.jpg" /></a></p>
<p>
<a href="https:www.indiancarnival.com/Paintings/"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/banner_348_500.jpg" /><span style="background-color:#ffff00;"> </span></a><a href="https:www.indiancarnival.com/public_profile.php?provider=78"><span style="background-color:#ffff00;"> </span><img alt="" src=" /skin/common_files/images/banners/featured_designerw.jpg" /></a></p>
<span style="background-color:#ffff00;"> </span></div>