Joomla Templates Club 406,261 posts

[interclass74 Friend interclass74Join date: December 2010Posts: 32Downloads:23Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#193708

Hi, I have à large images for my slides (1430px) and the original size of the ja slideshow module is 960px.
If I change the size of the Main Item width or the Mask Width to 1430px, the image is not centered.
How can I do please ?
Thank you.
URL of the web site : http://www.access-lusitania.com/

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#518389

@interclass74,

Currently, I could not access your site because it is down for maintenance. But you can try to open file: /templates/ja_travel/css/template.css , then add this code:

#ja-slideshow .main{
width: auto;
}

Remember clear JAT3 cache.

Let me know if this helps

[interclass74 Friend interclass74Join date: December 2010Posts: 32Downloads:23Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#518431

Hi Nazario and thank you for your help,
no this solution doesn’t work 🙁 and ther’s no #ja-slideshow .main{ in the /templates/ja_travel/css/template.css file.
so the site is not for maintenance now if you want to see.
Thank you.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#518518

@interclass74,

You need to add the following new code into the file: /templates/ja_travel/css/template.css as per this image:

#ja-slideshow .main{
max-width: none;
width: auto;
margin: 0 auto;
}
#ja-slideshow .ja-slide-thumbs-wrap.ja-horizontal, .ja-horizontal {
width: auto !important;
}


Below are results when I test at my end for your reference:
– On the larger screen:

– On the small screen:

Let me know if this helps.

---

Attachments:

1. 
2. 
3. 

[interclass74 Friend interclass74Join date: December 2010Posts: 32Downloads:23Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#518563

Thank you Nazario but it is now left-aligned
Look at the image and the web site.

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#518615

@interclass74,

Please add the following new rule into the file: /templates/ja_travel/css/template.css:

.ja-slide-main-wrap{
margin: 0 auto;
}

Let me know how it goes.

[interclass74 Friend interclass74Join date: December 2010Posts: 32Downloads:23Uploads:9 Thanks: 3 Thanked: 1 times in 1 posts]

#518717

Thank you Nazario, it work now 🙂
Thank you very much for your help.
<em>@Nazario A 406121 wrote:</em><blockquote>@interclass74,

Please add the following new rule into the file: /templates/ja_travel/css/template.css:

.ja-slide-main-wrap{
margin: 0 auto;
}

Let me know how it goes.</blockquote>

[davilico Friend davilicoJoin date: February 2008Posts: 82Downloads:5Uploads:6]

#518908

In the same way how to increase the font text showed intro text, in slide show or show text in bold characters?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#518989

@davilico,

You can try to add following CSS declaration into the file: /templates/ja_travel/css/template.css

#ja-slideshow p {
font-size: 14px;
font-weight: bold;
}

Remember clear JAT3 cache after making such change.

[Author]

Posts