Inspecting elements

[goalieman34]

I have been using Firebug on Firefox to inspect the elements of my stock ticker and trying to figure out how to make some changes to it. So far I have been some what unsuccessful. I am trying to get the font size bigger and to remove the black bar that is located above the price. Any help would be great. Here is my CSS so far.

.stock-ticker {height:24px; overflow:hidden; width:200px !important;}

.stock-ticker tbody tr:first-child + tr {display:none !important;}

.stock-ticker table {overflow:hidden;}

.stock-ticker #content_div {display:none !important;}

.stock-ticker .standard {font-size: 12px !important;}

Here is the page:
http://petrowest.squarespace.com/home/

[Roggers]

I believe inline styling was used to add the black background color to the ticker.

Current Stock Values:

change the background to whatever you want, or even display:none;
then just add a font-size to the css selector.
If i were you, create a selector in your stylesheet, and remove inline styles.

[goalieman34]

ok cool. This is what I have for my Html. I dont see where that inline style is located or not sure what I would do to create a selector

Stock Information

[TheDoc]

All of that data is inside an iframe, you won’t be able to style it from your own stylesheet.

[goalieman34]

Thanks for the help. Is there anyway I can hack this with CSS to make some changes?
http://petrowest.squarespace.com/home/

[TheDoc]

Nope! Information in an iframe can’t be altered.

Surely there are customizable options available with the widget?

[Author]

Posts