Grow your CSS skills. Land your dream job.

Inspecting elements

  • # July 22, 2012 at 6:33 pm

    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/

    # July 22, 2012 at 7:45 pm

    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.

    # July 22, 2012 at 8:45 pm

    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



    # July 22, 2012 at 9:38 pm

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

    # July 25, 2012 at 9:07 pm

    Thanks for the help. Is there anyway I can hack this with CSS to make some changes?

    http://petrowest.squarespace.com/home/

    # July 25, 2012 at 9:29 pm

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

    Surely there are customizable options available with the widget?

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".