Grow your CSS skills. Land your dream job.

Help styling a table on my site

  • # March 19, 2010 at 10:04 pm

    I am having trouble styling sections of a table on my Joomla based site. The table is from a component I have installed and I want to just make some simple changes to the fonts and link.

    The page I am struggling with is:

    http://www.pole2polemagazine.com/pole-dancing-competition

    I am trying to change the font of the dates in the table and also I would like to reset the link styles for the title and venue names. Not the th cells but the td cells.

    I do not know what selectors to use to target these cells. I don’t want to target all th or td cells on the whole site I would like to make my styles specific to this table. I can see in the HTML the following code:

    Code:

    16.10.2009

    But just don’t know how to hook onto it with CSS. I’d appreciate any help anyone can give.

    Many Thanks.

    # March 20, 2010 at 1:24 am

    What you can do it give the table and ID.
    If you change your table to this:

    Code:

    16.10.2009

    Then you could use css to only select that table by using the selector:

    Code:
    #dancing td { }
    # March 20, 2010 at 9:51 am
    "jamy_za" wrote:
    What you can do it give the table and ID.
    If you change your table to this:

    Code:

    16.10.2009

    Then you could use css to only select that table by using the selector:

    Code:
    #dancing td { }

    Yeah I know this is possible however, the table is created dynamically I think with the component, I wouldn’t know where to find the HTML file for the table.

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

You must be logged in to reply to this topic.

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