• amirhoseinkhajehnouri

    (@amirhoseinkhajehnouri)


    Hello
    I used this code for making table in page but background color and hover didn’t work ( it doesn’t show anything except table

    <style>
    #simple_table {
    	font-family: arial, sans-serif;
    	 border-collapse: collapse; 
    	 width: 100%;
    	background-color: #ffffff;
    	color:black;
    }
    #simple_table td, #simple_table th {
    	 text-align: left;
    	 padding: 8px;
    	 border: 1px solid #dddddd;
    }
    #simple_table tr:nth-child(even) {
    	background-color: #f7f7f7;
    }
    #simple_table tr:hover {
    	background-color: #dedede;
    }
    #simple_table tr > th 
    {
    	background: #070651;
    	 color: #ffffff;
    }
    </style>
     <table id='simple_table' >
    <tr>
    	<th></th>
    	<th>????</th>
    	<th>: ??</th>
    </tr>
    
    <tr>
    	<td></td>
    	<td>–	</td>
    	<td>: Title</td>
    </tr>
    <tr>
    	<td></td>
    	<td>mm	</td>
    	<td>: ???</td>
    </tr>
    <tr>
    	<td></td>
    	<td>???</td>
    	<td>: ???</td>
    </tr>
    <tr>
    	<td></td>
    	<td>??</td>
    	<td>???</td>
    </tr>
    <tr>
    	<td></td>
    	<td>???</td>
    	<td>???</td>
    </tr>
    <tr>
    	<td></td>
    	<td></td>
    	<td>???????</td>
    </tr>
    </table>

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • When you want to style the table, you need to add the CSS but not inline. So you can add the CSS to Appearance > Customizer > Custom CSS.

    Now, your code is added to the page source, but as plain text:

    See:

    Thread Starter amirhoseinkhajehnouri

    (@amirhoseinkhajehnouri)

    Thank u for your response
    but my code has the style (background color and hover ) itself how to extract CSS from html ?
    and determine it for specify page
    Thanks in advanced

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS code didn’t work properly’ is closed to new replies.