Changing colour of slider text

Hi,
I am using the featured sliders on the home page of my website (https://helenemontpetit.ca) and it works well on desktop, not too bad on tablet, but a client tells me that the white text against white or light grey background does not work well on cell phones.
Is there any way to change the colour of the slider text?
Thanks for your help!
Hélène

Comments

  • Hi helene montpetit

    Kindly add the below css code in custom css box for change the color of slider text on mobile.

    @media only screen and (max-width: 480px) and (min-width: 200px){
       .slide-text-bg1 h2{
        color: #e60000;
        }
    }

    Change the color code as per your need.

    Let me know did it work.

    Thanks
  • Hi helene montpetit

    Did your issue resolve?

    If you allow can we close this ticket.

    Thanks


  • Hi Prajapati,
    Sorry, I am caught up in another project right now and haven't had time to take care of this. Please give me another couple of days.
    Thanks!
    Hélène
  • edited April 2019
    Hi Prajapati,

    I added the code you sent me.

    The slider text is still white (I would prefer it being my chosen green colour, which is #4c731d).

    Here is the code I currently have in the
    Customizing - Header settings - Custom css:


    @media only screen and (max-width: 480px) and (min-width: 200px){
       .slide-text-bg1 h2{
        color: #4c731d;
        }
    }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
    .col-sm-6 {
        width: 100%;
    }
    }
  • Hello
    I have checked your slider text in mobile resolution.
    Now slider text change to green text.
    If you have any confusion let us know.

    Thanks
    Akhilesh
  • Hi Akhilesh and thank you for your comment.

    What your print screen indicates (the button) is not what I need to change.

    What I want in green is the headline - so "Listen. Articulate. Clarify" on the first slider, "Let's do good things together." on the second.

    "I can help." shows green on your print screen but comes up white on my computer screens and ipad.

    Do you know how those can be changed?

    Thank you for your kind assistance.
  • Hello
    If you wan to change slider description color in mobile screen add the below css code inside the custom css box. 

    @media only screen and (max-width: 767px) and (min-width: 200px) {
    .slide-text-bg1 h2 {
        color: #4c731d ! important;
    }
    }


    Let us know for any confusion.


    Thanks
    Akhilesh
Sign In or Register to comment.