Joomla Templates Club 406,261 posts

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#147133

Hi,

I have successfully created a slideshow (thanks to JA Team), now I would like to create a line to separate the slideshow.

Here is my website – http://freetravel.com.my

Attached with image file.

Thanks!

---

Attachments:

1. 

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#327631

Dear sfpkent ,

In your main html


<div id="ja-container" class="wrap ja-r1">
<div class="main clearfix">
<div class="clearfix">
[your slideshow module]
</div>
<div id="ja-mainbody" style="width: 70%;">
[your mainbody]
</div>
<div id="ja-right" class="column ja-cols sidebar" style="width: 30%;">
[your right module]
</div>
</div>
</div>


please add a ID as follow:


<div id="ja-container" class="wrap ja-r1">
<div class="main clearfix">
<div class="clearfix" id="ja-slideshow">
[your slideshow module]
</div>
<div id="ja-mainbody" style="width: 70%;">
[your mainbody]
</div>
<div id="ja-right" class="column ja-cols sidebar" style="width: 30%;">
[your right module]
</div>
</div>
</div>


and add a style in template.css as follow:


#ja-slideshow .ja-box-ct {
border-bottom: 1px solid #D5D5DD;
}


good luck for you

1 user says Thank You to Css Magician for this useful post

1. sfpkent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#327659

Let me try it and get back to you. 🙂

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#327695

Hi duchh,

I checked the file templates/ja_seleni/index.php or

templates/ja_seleni/index.html

There is no such code as:

<div id=”ja-container” class=”wrap ja-r1″>
<div class=”main clearfix”>
<div class=”clearfix”>
[your slideshow module]
</div>
<div id=”ja-mainbody” style=”width: 70%;”>
[your mainbody]
</div>
<div id=”ja-right” class=”column ja-cols sidebar” style=”width: 30%;”>
[your right module]
</div>
</div>
</div>

which file you mentioned?

Thanks!
Kent

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#327727

Dear sfpkent,

What is the php file which you include your slideshow ? Please add a div with id=”ja-slideshow” surrounded that. Ex:


<div id="ja-slideshow">
[your slideshow module]
</div>


If it has not done, Could you please submit a ticket, send us your live url, admin account and let me in detail your issue so that i could have a closer look on the issue?

[Author]

Posts