Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 6, 2018 at 11:04 am #938193
    capuchin

    Hi Team Kriesi!

    I would like to ‘talk to’ the contact form settings.

    Please help me change:

    Background of text input and message input field: background must be filled with light grey #d6d5d5 – no border/sharp corners

    Button colour: dark grey #5e5e5e – text on button in white
    Button colour on hover: #2b2b2b – text stays white

    FONT: I am using Open Sans Light on the entire website but it does not reflect on the contact form, how can I make it appear there as well?
    For: Name, Email, Subject etc.

    Thank you in advance!
    Kind regards
    Capuchin

    April 7, 2018 at 6:23 am #938500
    Rikard

    Hey capuchin,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 7, 2018 at 8:46 am #938559
    capuchin

    Hi Rikard,

    Please view:

    Contact

    Many thanks!
    Capuchin

    April 8, 2018 at 8:37 pm #938872
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    border-color: transparent!important; 
    background-color: #d6d5d5!important; 
    color: #000!important; 
}
div .main_color .button {
    background-color: #5e5e5e!important; 
    color: #ffffff!important; 
    border-color: #5e5e5e!important; 
}
div .main_color .button:hover {
    background-color: #2b2b2b!important; 
    color: #ffffff!important; 
    border-color: #2b2b2b!important; 
}

    Best regards,
    Mike

    April 9, 2018 at 8:11 am #938999
    capuchin

    Hi Mike

    The CSS worked like a charm, thank you!!

    Do you know how to make custom font (Open Sans light in my case) appear for: Name, Email, Subject etc.
    The font still looks too bold…it should look like the font used on the entire website.

    Kind regards
    Capuchin

    April 9, 2018 at 11:19 am #939072
    Victoria

    Hi Capuchin,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top label {
    font-weight: normal;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 9, 2018 at 11:29 am #939078
    capuchin

    Wonderful! Everything looks really stunning now. I am one happy customer, thanks, Victoria!

    April 9, 2018 at 11:46 am #939091
    Mike

    Hi,
    The sidebar and form labels all seem to be the same font to me, what browser are you using? Can you include a screenshot?
    Please see screenshot in Private Content area.

    Best regards,
    Mike

    April 9, 2018 at 11:50 am #939097
    capuchin

    Hi Mike!

    Yes, that’s how it should be. I’ve changed it this morning with CSS provided by Victoria.
    I am using Safari.

    Great cooperation in this forum:)

    April 9, 2018 at 12:33 pm #939132
    Mike

    Hi,
    Sorry our posts must have crossed, shall we close this then?

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.