different background images in box content

[mahi]

Hello,

I am using esyndicatpro 2.1.03


How can i change the sunnyday css template in order to have two different background images for the box content.

The first for the categories and neighbourg box content
The second for the six box content : statistic, editor login, partners, featred, poll.

thank you for your help.

maib

[Dave Baker]

Hello mahi,
***Open file templates/yourTemplate/index.tpl and find code***

{if $categories}
<!-- categories box start -->
{include file="box-header.tpl" caption=$lang.categories}
{$categories}
{include file="box-footer.tpl"}
<!-- categories box end -->
{/if}

***Replace with***

{if $categories}
<!-- categories box start -->
{include file="box-header.tpl" caption=$lang.categories}
<div class="firstbg">{$categories}</div>
{include file="box-footer.tpl"}
<!-- categories box end -->
{/if}

***find code***

{if $neighbour_categories}
<!-- neighbour categories box start -->
{include file="box-header.tpl" caption=$lang.neighbour_categories}
<div class="categories">{$neighbour_categories}</div>
{include file="box-footer.tpl"}
<!-- neighbour categories box end -->
{/if}

***Replace with***

{if $neighbour_categories}
<!-- neighbour categories box start -->
{include file="box-header.tpl" caption=$lang.neighbour_categories}
<div class="categories"><div class="firstbg">{$neighbour_categories}</div></div>
{include file="box-footer.tpl"}
<!-- neighbour categories box end -->
{/if}

***Save file***
***Open templates/yourTemplate/css/style.css and add code***

div.firstbg
{
background-image: url('../img/yourImage.gif');
}

***Save changes***

[mahi]

Hello Dave

Thank you.

best

maib

[Dave Baker]

You're welcome mahi!