Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#199494

site:
http://obbha.dev.dnsnetworks.ca/

my client prefers not having the sidenews module in the site so I removed it … I was wondering how I can make the slideshow wider so that it extends out to the right?

thx

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

#541446

Within your custom.css file (which I know you know how to use by now 😎 ), paste the following CSS rule:


.top-content .top-slideshow {
float: left;
width: 600px;
}

“600 px” is just a guesstimate at this point – as you will also need to adjust the width of your actual slideshow images to accommodate the increased slideshow width. But I think you get the idea of what you need to do.

Hope That Helps.

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#541749

Hi TomC, thanks for the answer .. I’ve made the change : http://obbha.dev.dnsnetworks.ca/ however can we make it a little more wide and less high?

Thanks!

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

#541758

<em>@sebbs 435939 wrote:</em><blockquote>Hi TomC, thanks for the answer .. I’ve made the change : http://obbha.dev.dnsnetworks.ca/ however can we make it a little more wide and less high?

Thanks!</blockquote>

YES . . . .

Within the “Profile Settings” section within your JA Slideshow module (Page 6 within your Module Manager). I’ve temporarily set it to a height of 300px and width of 600px – as well as the “Mask Width” – (which you can, of course, change to whatever looks best to you).

You may need to modify your custom.css rule as follows (for example):


.top-content .top-slideshow {
float: left;
width: 700px;
}

.top-content .ja-slide-main-wrap .ja-slide-desc {
width: 700px;
}

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#541895

I added the

.top-content .top-slideshow {
float: left;
width: 700px;
}

.top-content .ja-slide-main-wrap .ja-slide-desc {
width: 700px;
}

within my custom.css and it seems a little too large should I make a subtraction of 5 pixels?

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#541904

Is it possible to make the black bar within the slideshow thinner? (black bar: where the text is being displayed i.e. 4FS MOTTO: …)

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

#541908

<em>@sebbs 436119 wrote:</em><blockquote>Is it possible to make the black bar within the slideshow thinner? (black bar: where the text is being displayed i.e. 4FS MOTTO: …)</blockquote>

YES . . . .

Within the “Profile Settings” section within your JA Slideshow module . . . .
set it to a “Mask Height” so a lower number.

1 user says Thank You to TomC for this useful post

1. sebbs

[Author]

Posts