Title: Changing box colour
Last modified: March 21, 2018

---

# Changing box colour

 *  Resolved [django16](https://wordpress.org/support/users/django16/)
 * (@django16)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/changing-box-colour/)
 * I like the box colour to be pink on hover and when selected.
 * Just the same as the colour of the closed and open eyes.
 * Also the edge of the box should be the same colour.
 * I copied some css from another topic but still haven’t got the results I need.
 * Also in the box the date, author category etc. are also pink when hovered but
   these should stay unaltered.
 * Please give me some pointers on how to change this.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchanging-box-colour%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/changing-box-colour/#post-10109219)
 * What do you mean by the box colour, the whole big FAQ area? That would be something
   like:
 *     ```
       .ufaq-faq-display-style-Border_Block .ufaq-faq-body {
       background: #f05c96;
       }
       ```
   
 * If you mean just the question/title part, it looks like you mostly figured out,
   except the background of the text is blue. That could probably be corrected with
   something like:
 *     ```
       .ufaq-faq-display-style-Border_Block:hover, .ufaq-faq-display-style-Border_Block:hover a, .ufaq-faq-display-style-Border_Block:hover h1, .ufaq-faq-display-style-Border_Block:hover h2, .ufaq-faq-display-style-Border_Block:hover h3, .ufaq-faq-display-style-Border_Block:hover h4, .ufaq-faq-display-style-Border_Block:hover h5, .ufaq-faq-display-style-Border_Block:hover h6 {
       background: #f05c96;
       }
       .ufaq-faq-display-style-Border_Block.ewd-ufaq-post-active, .ufaq-faq-display-style-Border_Block.ewd-ufaq-post-active a {
       background: #f05c96;
       }
       ```
   
 * And for the links inside the FAQ body on hover, you can try something like:
 *     ```
       .ufaq-faq-display-style-Border_Block:hover a {
       background: transparent;
       }
       ```
   
 *  Thread Starter [django16](https://wordpress.org/support/users/django16/)
 * (@django16)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/changing-box-colour/#post-10116007)
 * Hi, thanks for your response.
 * The only thing that still stays blue is the edge/border of the answer box.
 * And if you move your pointer out of the (answer) box, the date, author category
   etc. have again a pink background, these should stay unaltered.
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/changing-box-colour/#post-10116587)
 * Hi django16,
 * Can you add this CSS after the current code in the “Custom CSS” box in the Basic
   settings:
 *     ```
       .ufaq-faq-display-style-Border_Block.ewd-ufaq-post-active .ufaq-faq-body a {
           background: none;}
   
       .ufaq-faq-display-style-Border_Block .ufaq-faq-body {
           border: 3px solid #f05c96;
           border-bottom: 2px solid #f05c96;}
       ```
   
 *  Thread Starter [django16](https://wordpress.org/support/users/django16/)
 * (@django16)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/changing-box-colour/#post-10118792)
 * Hi,
 * This is it!
 * It looks great now.
    Thanks for your awsome support.
 * Have a nice day..
 * Greetz Django

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

The topic ‘Changing box colour’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-faqs/assets/icon-128x128.png?rev=1803957)
 * [Ultimate FAQ Accordion Plugin](https://wordpress.org/plugins/ultimate-faqs/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-faqs/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-faqs/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-faqs/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-faqs/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-faqs/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [django16](https://wordpress.org/support/users/django16/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/changing-box-colour/#post-10118792)
 * Status: resolved