Title: Custom CSS basics
Last modified: December 4, 2017

---

# Custom CSS basics

 *  [eyeghoti](https://wordpress.org/support/users/eyeghoti/)
 * (@eyeghoti)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/custom-css-basics/)
 * (I have almost no knowledge of CSS, and am very much a GUI user, so be gentle
   with me when it comes to code.)
 * I’m trying add a semi transparent block of colour behind text with a png.
    I’ve
   found a couple of ways I may be able to do this by pasting code into the Custom
   CSS section of my theme. I’ve tried this with a couple of different cblocksof
   code and acouple of different themes but the CSS doesn’t seem to make any difference.
 * Is there somehting I need to change elsewhere to get _any_ Custom CSS to funciton?
 * (The site is on localhost so I’m afraid I can’t give a URL.)

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

 *  [ilanaguttman](https://wordpress.org/support/users/ilanaguttman/)
 * (@ilanaguttman)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/custom-css-basics/#post-9747617)
 * Are you sure you are using the correct classnames ( applying the code to the 
   correct place)?
 * A possible solution I found: [https://stackoverflow.com/questions/5135019/css-opacity-only-to-background-color-not-the-text-on-it](https://stackoverflow.com/questions/5135019/css-opacity-only-to-background-color-not-the-text-on-it)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [8 years, 6 months ago](https://wordpress.org/support/topic/custom-css-basics/#post-9747628)
 * Can you emulate your page using CSSDesk.com?
 *  Thread Starter [eyeghoti](https://wordpress.org/support/users/eyeghoti/)
 * (@eyeghoti)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/custom-css-basics/#post-9749016)
 * I’m reasonably confident the CSS is valid as I’ve used the code from [this WPBeginner tip](http://www.wpbeginner.com/beginners-guide/how-to-add-a-background-image-in-wordpress/).
 *     ```
       body.category-tv { 
       background-image: url("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 
       background-position: center center; 
       background-size: cover; 
       background-repeat: no-repeat; 
       background-attachment: fixed;
       }
       ```
   
 * To get the classname I used Inspect Element (in Firefox).
    There seem to be two
   nested statements that highlight the right area when I roll over them with the
   mouse.
 *     ```
       <div class="col-main">
         <div class="entry-content">
       ```
   
 * I’ve tried replacing **category-tv** in the above code with both (as well as 
   using a link to an image file on the localhost site) but it makes no difference
   at all.
 *  [ilanaguttman](https://wordpress.org/support/users/ilanaguttman/)
 * (@ilanaguttman)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/custom-css-basics/#post-9751851)
 * I don’t think we’ll be able to help further without seeing the full code

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

The topic ‘Custom CSS basics’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 3 participants
 * Last reply from: [ilanaguttman](https://wordpress.org/support/users/ilanaguttman/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/custom-css-basics/#post-9751851)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics