Remove linear gradient

Resolved

(@cayindustries)

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
(@nemanjac)

10 years, 3 months ago

Hello cayindustries,

You can just delete whole declaration of “background-image” and set you color as “background-color”.

Regards.

Thread Starter cayindustries
(@cayindustries)

10 years, 3 months ago

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
(@weblizar_support)

10 years, 3 months ago
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
(@cayindustries)

10 years, 3 months ago

That didn’t work. The gradient is still there and the color didnt change either. Check out the site please.

http://www.thesocketroll.com

Thanks.
weblizar_support
(@weblizar_support)

10 years, 3 months ago
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
(@cayindustries)

10 years, 3 months ago

Still didn’t work

weblizar_support
(@weblizar_support)

10 years, 3 months ago

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
(@cayindustries)

10 years, 3 months ago

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
(@weblizar_support)

10 years, 3 months ago
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
(@cayindustries)

10 years, 3 months ago

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
(@weblizar_support)

10 years, 3 months ago
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
(@cayindustries)

10 years, 3 months ago

That worked, but now I lose the icon when I hover. I would like to keep the icon.
weblizar_support
(@weblizar_support)

10 years, 3 months ago
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
(@cayindustries)

10 years, 3 months ago

Perfect! Thanks!

weblizar_support
(@weblizar_support)

10 years, 3 months ago

Most welcome..

Thanks.

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

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