Title: Remove rectangle from call to action button
Last modified: August 21, 2016

---

# Remove rectangle from call to action button

 *  Resolved [waypoint](https://wordpress.org/support/users/waypoint/)
 * (@waypoint)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/)
 * I am unable to remove the opaque black rectangle from the call to action button
   on the slider. My site is waypointonline.org and the button is on the second 
   image in the slider. Thanks for your help.

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359119)
 * Try:
 *     ```
       .carousel-caption {
         background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
       }
       ```
   
 *  Thread Starter [waypoint](https://wordpress.org/support/users/waypoint/)
 * (@waypoint)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359121)
 * Thanks for the response, but it’s still there
 *  [tomaja](https://wordpress.org/support/users/tomaja/)
 * (@tomaja)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359124)
 * [@waypoint](https://wordpress.org/support/users/waypoint/), I think that your
   my-style.css is in confilct with default Customizr css. You should make your 
   css changes thru custom css or child theme style.css file
    You need to remove
 *     ```
       .carousel-caption {
           background-color: rgba(0, 0, 0, 0.7);
       }
       ```
   
 * from my-style and try adding
 *     ```
       .carousel-caption {
       background-color:none!important;
       }
       ```
   
 * to your custom css field
 *  [acub](https://wordpress.org/support/users/acub/)
 * (@acub)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359157)
 *     ```
       .carousel-caption {
       background-color: transparent;
       }
       ```
   
 * should do it.
 * [@tomaja](https://wordpress.org/support/users/tomaja/): there are no conflicts
   in CSS. It’s all about what rule takes precedence. When possible, do not use !
   important in your CSS code, especially when giving advice. And, if you don’t 
   find any other way, at least do it properly: (there should be a space before 
   the exclamation mark and the CSS declaration you’re making important should be
   valid). background-color: none; is not a valid CSS declaration.
 *  Thread Starter [waypoint](https://wordpress.org/support/users/waypoint/)
 * (@waypoint)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359192)
 * This must be pretty tough – I’ve tried all of the above (not at the same time,
   of course) to no avail. The black rectangle is still behind the call to action
   button.
 *  [acub](https://wordpress.org/support/users/acub/)
 * (@acub)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359193)
 * Since you modified customizr and were able to create my-style.css I assumed you
   would replace the declaration on lines 28 to 30 in that file with my code. If
   you do it from custom CSS panel, you need to put .carousel-inner in front of 
   my code, like this:
 *     ```
       .carousel-inner .carousel-caption {
       	background-color: transparent;
       }
       ```
   
 * And, by the way: having done mods in customizr is wrong. You’ll be unable to 
   upgrade the theme without losing your mods. You should have done them in a child
   theme.
 *  Thread Starter [waypoint](https://wordpress.org/support/users/waypoint/)
 * (@waypoint)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359194)
 * It worked! Thank you for the advice – have a blessed Thanksgiving, all!

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

The topic ‘Remove rectangle from call to action button’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 7 replies
 * 4 participants
 * Last reply from: [waypoint](https://wordpress.org/support/users/waypoint/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/remove-rectangle-from-call-to-action-button/#post-4359194)
 * Status: resolved