Title: Remove linear gradient
Last modified: August 30, 2016

---

# Remove linear gradient

 *  Resolved [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/)
 * How do I remove the gradient function
 *     ```
       .enigma_blog_read_btn {
           border: 2px solid #000;
           background-size: 100% 200%;
           background-color: #9E938E;
           background-image: linear-gradient(to bottom, #A89E99 50%, #A89E99 50%);
       }
       ```
   
 * I just want it to be a solid color, rgba(163, 163, 162, 1)
 * Thanks.

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

 *  [Nemanja Cakic](https://wordpress.org/support/users/nemanjac/)
 * (@nemanjac)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891160)
 * Hello cayindustries,
 * You can just delete whole declaration of “background-image” and set you color
   as “background-color”.
 * Regards.
 *  Thread Starter [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891196)
 * I did that but no change happens and when I go back to inspect the element the
   change is not made either. Any other ideas?
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891197)
 * Hi..
 * please go to Admin Dashboard >> Appearance >> Theme Options >> General Settings.
 * Now copy below CSS code into Custom CSS Editor.
 *     ```
       .enigma_blog_read_btn {
           background-color: #9E938E !important;
       }
       ```
   
 * Save the changes.
 * Thanks.
 *  Thread Starter [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891199)
 * That didn’t work. The gradient is still there and the color didnt change either.
   Check out the site please.
 * [http://www.thesocketroll.com](http://www.thesocketroll.com)
 * Thanks.
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891201)
 * Hi..
 * Please go to Admin Dashboard >> Appearance >> Theme Options >> General Settings.
 * Now copy below CSS code into Custom CSS Editor.
 *     ```
       .enigma_blog_read_btn {
           border: none !important;
           background-size: none !important;
           background-color: #9E938E;
           background-image: none !important;
       }
       ```
   
 * save the changes.
 * Thanks.
 *  Thread Starter [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891204)
 * Still didn’t work
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891205)
 * Hi,
 * Please display blog section on Homepage and then let me know.
 * Or please provide the screen-shot, showing for which button you want to remove
   gradient.
 * Thanks.
 *  Thread Starter [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891207)
 * Its already on the home page if you scroll down to the service buttons.
    It has
   the title ‘Learn More” and there are the 3 service icons there.
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891212)
 * Hi..
 * Please go to Admin Dashboard >> Appearance >> Theme Options >> General Settings.
 * Now copy below CSS code into Custom CSS Editor.
 *     ```
       .enigma_callout_area a {
         background-size: none !important;
         background-image: none !important;
         border: none !important;
         background-color: COLOR-CODE !important;
       }
       ```
   
 * here replace the COLOR-CODE from your color code.
 * Save the changes.
 * Thanks.
 *  Thread Starter [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891259)
 * Almost…we had a miscommunication. My mistake. I am referring to the “circle buttons”
   with the labels **about us, Gallery and FAQ**. Hope that clears this up.
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891286)
 * Hi..
 * Please go to Admin Dashboard >> Appearance >> Theme Options >> General Settings.
 * Now copy below CSS code into Custom CSS Editor.
 *     ```
       .enigma_service_iocn {
           border: 4px solid COLOR-CODE !important;
           background-color: COLOR-CODE !important;
           background-size: none !important;
           background-image: none !important;
       }
         .enigma_service_area:hover .enigma_service_iocn i {
           color: COLOR-CODE !important;
       }
       ```
   
 * here COLOR-CODE is replaced by your color.
 * Save the changes.
 * Thanks.
 *  Thread Starter [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891287)
 * That worked, but now I lose the icon when I hover. I would like to keep the icon.
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891288)
 * Hi..
 * Please change the color of hover.
 *     ```
       .enigma_service_area:hover .enigma_service_iocn i {
           color: #fff !important;
       }
       ```
   
 * Save tha changes.
 * Thanks.
 *  Thread Starter [cayindustries](https://wordpress.org/support/users/cayindustries/)
 * (@cayindustries)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891289)
 * Perfect! Thanks!
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891290)
 * Most welcome..
 * Thanks.

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

The topic ‘Remove linear gradient’ is closed to new replies.

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

 * 15 replies
 * 3 participants
 * Last reply from: [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/remove-linear-gradient/#post-6891290)
 * Status: resolved