Can't find source CSS for a style
Hi,
At this URL I have a Joomla website using a Rockettheme template:
http://www.coloradoweb3.com
On the home page, my slideshow has a sliver too much vertical space. In firebug, I identified this line:
<div id="slideshow-spacer" style="height: 430px;"></div>
Within firebug if I change this value to 424px, my problem is solved, but I can't find the file to change. Most of the other styles are connected to style sheet files, but this div doesn't show anything. So I started looking for index.php files, javascript files, etc and I cannot identify where the heck this style is being defined. I found the index page with the slideshow-spacer div, but it doesn't include the height: 430px (!).
Does anyone know how to decrypt Firebug results better than I to identify precisely where this style rule is coming from?
Thank you
Bill
At this URL I have a Joomla website using a Rockettheme template:
http://www.coloradoweb3.com
On the home page, my slideshow has a sliver too much vertical space. In firebug, I identified this line:
<div id="slideshow-spacer" style="height: 430px;"></div>
Within firebug if I change this value to 424px, my problem is solved, but I can't find the file to change. Most of the other styles are connected to style sheet files, but this div doesn't show anything. So I started looking for index.php files, javascript files, etc and I cannot identify where the heck this style is being defined. I found the index page with the slideshow-spacer div, but it doesn't include the height: 430px (!).
Does anyone know how to decrypt Firebug results better than I to identify precisely where this style rule is coming from?
Thank you
Bill
Dave Baldwin
That's because it is setup in javascript starting on line 95 of the "View Source". You might be able to adjust the '120' value on line 116 to get what you want.
You can also find it in,
http://www.coloradoweb3.com/templates/rt_cerulean/css-compiled/mediaqueries.css
http://www.coloradoweb3.com/templates/rt_cerulean/css-compiled/mediaqueries.css
But all that is there is:
#slideshow-spacer{display:
That just turns off the display of the div.
#slideshow-spacer{display:
That just turns off the display of the div.
ASKER
Hi Dave - line 116 of what file?
Thanks
Bill
Thanks
Bill
The main page file. It's part of the javascript.
ASKER
Actually that's not working for all the browser sizes. It works at full-screen and one move down, but Tablet view shows an even bigger gap when i adjust the 120.
The 430px is where the value change needs to occur. Still hunting...
The 430px is where the value change needs to occur. Still hunting...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
yes - but they are fixed values coming from somewhere. At full screen the value is always 430. I agree I may need to change 5 or 6 values, but I'm still in the dark as to where they might be.
You're not going to find them. Since it is supposed to be a 'responsive design' that automatically adjusts the images, the image sizes are read by the javascript and scaled by some factor that I don't understand. You will have to find out where the calculations are don and adjust that.
ASKER
Lame...