Joomla Templates Club 406,261 posts

[kerasamui Friend kerasamuiJoin date: May 2014Posts: 45Downloads:53Uploads:7 Thanks: 25]

#200450

I make many slideshow by JA-Slideshow in JAbiz Template for my website, the slide show is consist of 1240pixel width pictures. How can I config my website to show 100%fullwidth on any screen all-time.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#545723

So that we can try to best assist you, please provide the url of the site you’re working on

[kerasamui Friend kerasamuiJoin date: May 2014Posts: 45Downloads:53Uploads:7 Thanks: 25]

#545730

I,m working on local host now but plan to use on http://www.miramarbangkok.com

[kerasamui Friend kerasamuiJoin date: May 2014Posts: 45Downloads:53Uploads:7 Thanks: 25]

#545733

From your advice to someone on this webboard.
I try this code on template.css on red theme
.container {
background: none repeat scroll 0 0 #ffffff
width: 100%;
and
.t3-slideshow .main-container.slideshow {
margin-left: auto;
margin-right: auto;
width: 75%;
on mod-jaslideshow.css
but it doesn’t have anything change,what is my mistake?
How I could do for the next.

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#545816

Hi Kerasamui,

Please add below code to the root/templates/ja_biz/css/custom.css (please create a new one if unavailable)
[PHP] .container {
width: 100%;
}

. t3-slideshow .main-container.slideshow {
width: 80%;
position:relative;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}

.ja-slide-item img {
position:relative;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}[/PHP]

You may need clear cache to see the changes

Best regards

2 users say Thank You to Eragon H for this useful post

1. TomC
2. kerasamui

[Author]

Posts