Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Public Ticket #2681386
Font Color (Off Canvas Menu) Elements
Closed

Comments

  • fathioutman started the conversation

    Hello,

    I inserted this (Newsletter) form in the canvas menu but the design is not customizable. Everything blends into the background except the color of the text which is gray and illegible on a blue background; I would like to be able to change the color of the text white so that the users can see what they are typing

    Thanks

    Attached files:  Capture 1-min.png
      Capture 2-min.png

  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea {
        color: #fff !important;
    }

    Thanks

  • fathioutman replied

    Thanks

  • fathioutman replied

    Hi again, 

    I added the form as a widget on the footer. The background of this section is light, is it possible to change the color of the text to dark (preferably gray) to give good visual comfort? I would like the change to take place only on this specific widget (Newsletter form on the footer page) and not all of the Newsletter form. I don't want this to affect the newsletter form in the canvas off menu. 

    Thank you

    Attached files:  Capture 1.png

  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    You can add this CSS to change the text color. And if you want this effect just on the footer you can add a class to this particular form and add it in the start of the CSS.

    .yourClassName input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea { color: #808080 !important;
    }

    Thanks

  • fathioutman replied

    Hey,

    I can add this css but the plugin (Newsletter Form) does not offer me any possibility to be able to refer to this class newly added. Are there other ways please?

  •  1,652
    Andrew replied

    Hi Fathioutman,

    Please send your website url.

    Thanks.

  •  1,652
    Andrew replied

    Hi fathioutman,

    Use the following custom css:

    #footer-outer #footer-widgets .col input[type=text], #footer-outer #footer-widgets .col input[type=email] {
        color: black !important;
    }
    

    Kind regards.

  • fathioutman replied

    It works; thank you so much !