Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 22, 2017 at 10:50 pm #867368
    jaumellagostera

    Hi
    I have been searching arount the support forum, and I have been able to found code to modify color of border and background for a button: 

    
.main_color input[type='submit'] {background-color: #50b237!important; }
.main_color input[type='submit'] 
{border-color: #50b237!important; border-radius: 5px;
}

    But I can’t figure out how to edit the “Submit” text color, and font size. Can you please help?

    Also, I would like to have Name and Email fields sharing the same line (side by side), using each of them 1/2 of the space. How can I do that with the standard form available in the page template builder?

    Thanks a lot in advance.

    Jaume

    October 23, 2017 at 7:04 am #867467
    Rikard

    Hey jaumellagostera,

    Let’s start with the submit button to see if you get it working. Please try this in Quick CSS:

    input[type='submit'] {
    background-color: red !important;
    color: white !important;
}

    Best regards,
    Rikard

    October 23, 2017 at 11:35 am #867570
    jaumellagostera

    Hi Rikard,

    Thanks a lot for your help. It worked perfect. I modified the code so I can use a specific color for the background and also added a radius to the corner of the button. 

    .main_color input[type='submit'] {background-color: #50b237!important; }
.main_color input[type='submit'] 
{border-color: #50b237!important; border-radius: 5px;
color: #ffffff !important;
}

    My question now is: How can I force the font to be Bold? or How can I increase font size?

    Thanks a lot for your help.

    Jaume

    October 23, 2017 at 3:41 pm #867649
    Victoria

    Hi Jaume,

    The font is bold already, the rules are below.
    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: bold;
    font-size: 14px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 24, 2017 at 10:13 am #868059
    jaumellagostera

    Thanks Victoria

    This code you sent me helped me modify all form labels but it did’nt affect the text in the button, which was the goal.

    Can you help with that?

    Also, I would like to have Name and Email fields sharing the same line (side by side), using each of them 1/2 of the space. How can I do that with the standard form available in the page template builder?

    Best
    Jaume Llagostera

    October 26, 2017 at 4:59 am #869040
    Ismael

    Hi,

    1.) Please use the following css code.

    .main_color input[type='submit'] {
    border-color: #50b237!important;
    border-radius: 5px;
    color: #ffffff !important;
    font-weight: 700 !important;
}

    2.) Edit the field and then set the “Form Element Width” setting to “1/2”.

    Best regards,
    Ismael

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