Remove linear gradient

  • Resolved cayindustries

    (@cayindustries)


    9 years, 2 months ago

    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)

  • Hello cayindustries,

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

    Regards.

    Thread Starter cayindustries

    (@cayindustries)

    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?

    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)

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

    https://www.thesocketroll.com

    Thanks.

    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)

    Still didn’t work

    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)

    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.

    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)

    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.

    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)

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

    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)

    Perfect! Thanks!

    Most welcome..

    Thanks.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Remove linear gradient’ is closed to new replies.