• Resolved Kevinn02

    (@kevinn02)


    Hi there,

    1. How to change the colors of the read more buttons in the slider?

    2. How to change the colors of the icons (in services section) when hover?

    Thanks in advance!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi,

    Thanks for using our theme.

    Go to Dashboard Admin panel >> Appearance Menu >> Theme Options >> Custom CSS.

    Now add given below CSS rules into Custom CSS box:

    .enigma_blog_read_btn{
    background-image: linear-gradient(to bottom, #2E393F 50%, #AE2424 50%);
    }

    .enigma_service_iocn {
    background-image: linear-gradient(to bottom, #31A3DD 50%, red 50%);
    }

    and save the changes.

    Note: You can change the color code according your requirement.

    Thanks

    Thread Starter Kevinn02

    (@kevinn02)

    Thanks for your fast reply!

    This didn’t work 100%, but it did something. Please take a look at my testsite: http://pdktest.gj-r.nl/seivda/

    You can see there is still blue in the read more button and the icons.
    How do I change the current/remaining blue colors?

    Thansk in advance!

    Hi,

    Add this line of code into custom CSS box

    .carousel-text .enigma_blog_read_btn{
    color: red;
    }

    and save the changes.

    Thanks

    Thread Starter Kevinn02

    (@kevinn02)

    Thanks! But when I hover it is white on white. How to fix this?

    Hi Kevinn02,

    To change the color of read more button text use the given below code into custom CSS box

    .carousel-text .enigma_blog_read_btn{ color: #66FFCC; }

    and for changing the read more button background color follow the given below CSS rules into custom CSS.

    .enigma_blog_read_btn{
    background-image: linear-gradient(to bottom, #2E393F 50%, #999966 50%);
    }

    And save the changes.

    Note: Please change the color code according to your requirement.

    Thanks

    Thread Starter Kevinn02

    (@kevinn02)

    I know these codes you already gave me…

    I mean when I hover the button is going down linear from orange to white. But the text stays white. WHat I want is that the text is also changing linear with the background change. From white to orange, so the opposite colors. As in the demo white to blue text color

    I hope you know what I mean?

    Thanks in advance!

    Hi,

    Sorry for inconvenience.

    Now use this line of CSS rules into custom css box

    .carousel-text .enigma_blog_read_btn:hover{
    color:#e5a01a;
    }

    and save the changes

    Thanks

    Thread Starter Kevinn02

    (@kevinn02)

    Thank you very much!

    One more thing: The same thing but then in the services section. The hover of the icon..?

    Thanks in advance!

    Hi,

    Try this line of code into custom CSS.

    .enigma_service_area:hover .enigma_service_iocn i {
    color: #E5A01A;
    }

    Thanks

    Thread Starter Kevinn02

    (@kevinn02)

    This worked perfectly, thank you very much.

    I mark this topic as resolved!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change colors: read more button and icon hover’ is closed to new replies.