Joomla Templates Club 406,261 posts

[darrenv Friend darrenvJoin date: May 2008Posts: 4Downloads:0Uploads:1]

#131837

I’ve attached a screen shot with the highlighted area for reference. Can also be seen live at sg.soapapilla.com.

The problem is that I want the slideshow image flush with the right-hand column. This would also close the gap more evenly along the right have side of the 2-column content that is currenly uneven as well (the 2 graphic boxes).

I thought it might be something to do with the width of the content area where I have the text currently, but either I can’t find the right spot to change the width – or that has nothing to do with it.

This is driving me crazy and I;ve spent hours trying to figure it out before asking for help.

THanks!

---

Attachments:

1. 

[zeolite Friend zeoliteJoin date: February 2007Posts: 28Downloads:0Uploads:2 Thanks: 3 Thanked: 5 times in 2 posts]

#264068

find this in the template.css file and change 98% to 100% I have a custom size on the box also, mess around with these numbers a little bit.

/* Top spotlight */
#ja-topsl {
height: 476px;
margin: 0 0 10px;
overflow: hidden;
width:100%;
}

Hope this helps.

[darrenv Friend darrenvJoin date: May 2008Posts: 4Downloads:0Uploads:1]

#264114

Thanks Zeolite – I played with the width while struggling with it yesterday, tried it again this morning with no luck. The width numbers don’t seem to affect anything.

This one has my brain just about tapped.

[zeolite Friend zeoliteJoin date: February 2007Posts: 28Downloads:0Uploads:2 Thanks: 3 Thanked: 5 times in 2 posts]

#264116

Are you using the Image slide module?

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#264117

Set it to 100% as suggested above, change the width of your images to 760px, also set the width of the slideshow to 760px(i the parameters of the module) and see if you get any changes then

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#264120

Actually you are on the right track…and this might be one of those DOH! moments… 🙂
(I have them all the time)

In template.css line 891

Change from this:


#ja-topsl {template.css (line 891)
height:240px;
margin:0 0 10px;
overflow:hidden;
width:98%;
}

To this:

#ja-topsl {
height:240px;
margin:0 0 10px;
overflow:hidden;
width:100%;
}

THEN…and here it comes…you’ve got to change the size of your rotating images. The area where they are rotating is now flush with the right column…but your images are too short width wise. DOH! 🙂
Your slideshow is currently 740 px…butyou need to move that up to 760px wide…and Voila!

Have fun.
John.

[zeolite Friend zeoliteJoin date: February 2007Posts: 28Downloads:0Uploads:2 Thanks: 3 Thanked: 5 times in 2 posts]

#264122

yeah, that’s why i asked if you were using the image module. The size has to match also. You are on the right track. Good luck with your website 🙂

Zeolite

[darrenv Friend darrenvJoin date: May 2008Posts: 4Downloads:0Uploads:1]

#264137

Thanks all – I’ll check it and hope for a DOH! moment… sometimes those can be good – when they get the problem solved.

BTW – I’m using js-slideshow module.

[darrenv Friend darrenvJoin date: May 2008Posts: 4Downloads:0Uploads:1]

#264138

… and there it it! the DOH! moment!

Thanks! Problem solved!

<<<smacking myself upside the back of the head>>>

[Author]

Posts