1. Dismiss Notice

Change Text and Button Colors on Slider

Discussion in 'One Page Pro WordPress Theme' started by vibrandsee, Nov 21, 2016.

  1. vibrandsee

    vibrandsee Member

    Joined:
    Apr 13, 2013
    Messages:
    102
    Likes Received:
    1
    How do you change the font colour on the slider images as well as the button colour.
     
    vibrandsee, Nov 21, 2016
    #1
  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hello,

    You can use the following code to change the color of slider heading, button and description under Dashboard->Appearance->Customize->Theme Settings->Custom CSS
    Code:
    .slider_caption h2 { 
    color: #5d4141;
    }
.slider_caption p{
    color: #5d4141;
}
.slider_caption .slider_button{
    color: #5d4141;
}
    This will resolve your issue,

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
    Naveen, Nov 21, 2016
    #2
  3. vibrandsee

    vibrandsee Member

    Joined:
    Apr 13, 2013
    Messages:
    102
    Likes Received:
    1
    Thank you. What about the actual button colour?
     
    vibrandsee, Nov 22, 2016
    #3
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    You can try this code:
    Code:
    .slider_caption .slider_button {
    background: #564c37;
}
    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
    Naveen, Nov 23, 2016
    #4
  5. cherchicago

    cherchicago New Member

    Joined:
    Feb 5, 2018
    Messages:
    27
    Likes Received:
    0
    how do we change the slider button border color, please? looks brown; would like gray, upload_2018-2-8_9-41-38.png
     
    cherchicago, Feb 8, 2018
    #5
  6. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Thanks for contacting us,

    To change the slider button border color, just paste the code given below in Additional CSS section.
    (Dashboard->Appearence->Customize->Additional CSS) of your dashboard.

    Code:
    .slider_caption .slider_button {
    border-bottom: 2px solid #ffe19f;
}
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Feb 9, 2018
    #6
  7. cherchicago

    cherchicago New Member

    Joined:
    Feb 5, 2018
    Messages:
    27
    Likes Received:
    0
    cherchicago, Feb 13, 2018
    #7
  8. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Greetings from InkThemes,

    To change the border color of the button, just paste the code given below in Additional CSS section.
    (Dashboard->Appearence->Customise->Additional CSS) of your dashboard.

    Code:
    .contact_div .contactform input[type="submit"] {
    border-bottom: 3px solid #906b52;
    border-bottom-color: #348bac;
}
.contact_div .contactform input[type="submit"]:hover {
    box-shadow: 0 4px 0 #a95015;
}
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Feb 16, 2018
    #8
  9. cherchicago

    cherchicago New Member

    Joined:
    Feb 5, 2018
    Messages:
    27
    Likes Received:
    0
    Thank you; looks much better; not sure why the corners are brown: upload_2018-2-16_11-8-25.png
     
    cherchicago, Feb 16, 2018
    #9
  10. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Please use the below CSS code:

    Code:
    .contact_div .contactform input[type="submit"] {
    box-shadow: 0 4px 0 #06060600;
}
    Hope this helps...!

    Regards,
    Akbar
    InkThemes.com
     
    akbar92, Feb 17, 2018
    #10

Share This Page