Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 459
  • Last Modified:

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
0
billium99
Asked:
billium99
  • 5
  • 4
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
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.
0
 
tailoreddigitalCommented:
0
 
Dave BaldwinFixer of ProblemsCommented:
But all that is there is:

#slideshow-spacer{display:none !important;}

That just turns off the display of the div.
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
billium99Author Commented:
Hi Dave - line 116 of what file?

Thanks

Bill
0
 
Dave BaldwinFixer of ProblemsCommented:
The main page file.  It's part of the javascript.
0
 
billium99Author Commented:
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...
0
 
Dave BaldwinFixer of ProblemsCommented:
I don't believe you're going to find it.  You must have a bigger screen than I do.  If you adjust your screen size, you will see that 'height' change because of the 'responsive design' module that adjusts the size of images to adapt to the screen size.
0
 
billium99Author Commented:
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.
0
 
Dave BaldwinFixer of ProblemsCommented:
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.
0
 
billium99Author Commented:
Lame...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 5
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now