Joomla Templates Club 406,261 posts

[success_bus Friend success_busJoin date: November 2012Posts: 131Downloads:0Uploads:24 Thanks: 62 Thanked: 13 times in 1 posts]

#202132

Hi,
I set the Template to full screen, the Slideshow is moved to the left.
Please how can I adjust it to the center.

Best regards
success_bus

—
custom.css:
.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;
}

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

#553294

Try This . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/purity_iii/css/

Within that custom.css file, paste the following CSS rule:


.t3-slideshow .main-container.slideshow {
margin-left: auto;
margin-right: auto;
width: 1239px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. success_bus

[success_bus Friend success_busJoin date: November 2012Posts: 131Downloads:0Uploads:24 Thanks: 62 Thanked: 13 times in 1 posts]

#553298

Hi dear TomC,
Thanks so much! It’s still same problem, I am using JA Biz template

Best regards
success_bus

—
.container {
width: 100%;
}
.t3-slideshow .main-container.slideshow {
margin-left: auto;
margin-right: auto;
width: 1239px;
}
.ja-slide-item img {
position:relative;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}

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

#553300

Fixed . . . .

The correct file path was –> /templates/ja_biz/local/css/mod_jaslideshow.css

1 user says Thank You to TomC for this useful post

1. success_bus

[success_bus Friend success_busJoin date: November 2012Posts: 131Downloads:0Uploads:24 Thanks: 62 Thanked: 13 times in 1 posts]

#553301

Thanks TomC, Still same problem!

[success_bus Friend success_busJoin date: November 2012Posts: 131Downloads:0Uploads:24 Thanks: 62 Thanked: 13 times in 1 posts]

#553379

Hi Tom,
I edited the files /templates/ja_biz/local/css/mod_jaslideshow.css and custom.css
but still same issue, can’t align slideshow

Best regards
success_bus

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

#553401

<em>@success_bus 450594 wrote:</em><blockquote>Hi Tom,
I edited the files /templates/ja_biz/local/css/mod_jaslideshow.css and custom.css
but still same issue, can’t align slideshow

Best regards
success_bus</blockquote>

But I had fixed it FOR you within your css files – checked it an everything . . . what happened? :((

1 user says Thank You to TomC for this useful post

1. success_bus

[success_bus Friend success_busJoin date: November 2012Posts: 131Downloads:0Uploads:24 Thanks: 62 Thanked: 13 times in 1 posts]

#553415

I checked afterwards you had fixed it, but slideshow was still in the left!

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

#553428

Fixed Again . . . . best not to keep “Development Mode” on

1 user says Thank You to TomC for this useful post

1. success_bus

[success_bus Friend success_busJoin date: November 2012Posts: 131Downloads:0Uploads:24 Thanks: 62 Thanked: 13 times in 1 posts]

#553437

Hi Tom,
Thanks so much for your professional help!

I wish you good luck with your development!

Thanks & best wishes,
success_bus

[Author]

Posts