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

Comments

  •  14
    fathioutman started the conversation
    February 4, 2021 at 2:55pm

    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

  •  8,848
    Tahir replied
    February 4, 2021 at 8:16pm

    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

    ThemeNectar Support Team 

  •  14
    fathioutman replied
    February 15, 2021 at 9:14am

    Thanks

  •  14
    fathioutman replied
    February 15, 2021 at 2:18pm

    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

  •  8,848
    Tahir replied
    February 15, 2021 at 3:00pm

    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

    ThemeNectar Support Team 

  •  14
    fathioutman replied
    February 15, 2021 at 4:33pm

    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?

  •  2,963
    Andrew replied
    February 15, 2021 at 5:07pm

    Hi Fathioutman,

    Please send your website url.

    Thanks.

  •  14
  •  2,963
    Andrew replied
    February 16, 2021 at 12:37pm

    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.

  •  14
    fathioutman replied
    February 16, 2021 at 12:51pm

    It works; thank you so much !