How to add my custom css to pages

  • I am pretty new to WP and trying to get the hang of it. So far, I think I am catching on, but Ive hit a major road block in my productivity. Id like to add some special css to a table that would highlight the rows and columns as you mouse over the data.

    In a regular static website I have a code a css that works great. I thought this would be easy enough paste my table data into my page and then insert the <link href=”tabledata.css” rel=”stylesheet” type=”text/css” />
    into the head section of my page. Only I come to find out I have no way of adding anything to the head portion of my page.

    I then tried simply copying and pasting the tabledata css code to the end of my themes styles.css and that didn’t seem to work.

    Can someone point my in right direction for this? Appreciate any help. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • DigitalSquid

    (@twelvefootsnowman)

    Usually all of the <head> section is in the header.php file for your theme.

    @acpp Dude can u explain more detailed i am not getting you hope i can help ya

    Thread Starter acpp

    (@acpp)

    Thank you for your replies. I was able to add css to bottom of theme css by using the editor link control panel. I also tried adding the css style link to header.php. Both seemed to work independently, but my css is overriding some of the themes.

    You can get a visual of what I would like to achieve at this link.
    https://tinyurl.com/28wmrzd

    The gray table background should only affect the data table, not the other text higher up on page.

    Also, I can not place any text below the data table for some reason. Not sure if my code is not too clean or what. Hope this shed more light and is not so confusing. Thank you again.

    You need to give the table background a unique class so that you’re targeting it only.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to add my custom css to pages’ is closed to new replies.