Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Can't find source CSS for a style

Posted on 2013-06-27
10
Medium Priority
?
446 Views
Last Modified: 2013-07-04
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
Comment
Question by:billium99
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
10 Comments
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 39283463
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
 
LVL 23

Expert Comment

by:tailoreddigital
ID: 39283467
0
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 39283547
But all that is there is:

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

That just turns off the display of the div.
0
Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

 
LVL 1

Author Comment

by:billium99
ID: 39284326
Hi Dave - line 116 of what file?

Thanks

Bill
0
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 39284864
The main page file.  It's part of the javascript.
0
 
LVL 1

Author Comment

by:billium99
ID: 39284951
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
 
LVL 84

Accepted Solution

by:
Dave Baldwin earned 2000 total points
ID: 39285031
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
 
LVL 1

Author Comment

by:billium99
ID: 39285034
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
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 39285060
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
 
LVL 1

Author Closing Comment

by:billium99
ID: 39300478
Lame...
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

722 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question