Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 7, 2014 at 12:09 pm #287932
    kathrynmichaud

    Hi – I’m just trying to style a couple more things on my Gravity Forms – could you tell me if I can apply CSS code to:

    1) Change the colour and size of the steps that show across the top of the form for each page.
    2) Change the colour of the the field boxes.
    3) Change the colour and size of the text entered into the field boxes.

    Also, on the first page of my form here: http://www.littlefoxwebdesign.co.uk/treeport/?page_id=3105 I seem to have ended up with a double line at the top of the first page of the form – I can’t see anything in the form admin – do you know how I can move one of the lines back down to the bottom of the page?

    Thank you!

    July 7, 2014 at 12:19 pm #287936
    Yigit

    Hi kathrynmichaud!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
    1-

    .gform_wrapper .gf_step { color: red; }

    2-

    #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { border-color: red !important; }

    3-

    #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 { color: blue; font-size: 18px; }

    Regards,
    Yigit

    July 7, 2014 at 1:28 pm #287965
    kathrynmichaud

    Hi – that’s all brilliant – exactly what I needed – thank you!

    You don’t happen to have an idea why I’ve got two border lines showing at the top of the first page of the form?

    July 7, 2014 at 6:46 pm #288124
    Yigit

    Hi!

    You can remove one by adding following code to Quick CSS

    .gform_wrapper .gf_page_steps {
border: none;
}

    Regards,
    Yigit

    July 8, 2014 at 10:57 am #288398
    kathrynmichaud

    Hi – thanks – all sorted – last couple of queries:

    1) CSS to change colour of the Form Title?

    2) CSS to change size of the Next/Previous buttons at the bottom of the form?

    Many thanks for all your help.

    July 8, 2014 at 11:42 am #288421
    Yigit

    Hi!

    Please add following code to Quick CSS

    .gform_wrapper h3.gform_title { color: red; }
#top .gform_page_footer .button { font-size: 18px; }

    Best regards,
    Yigit

    July 8, 2014 at 11:46 am #288422
    kathrynmichaud

    Brilliant – thank you!

    July 8, 2014 at 11:50 am #288425
    Yigit

    Hey!

    You are welcome, glad we could help! :)

    Best regards,
    Yigit

    August 7, 2014 at 1:30 am #300907
    TownCouncil

    Hi – just installed Gravity Forms for the first time and tried a few test polls and surveys. Here’s the test page: As you can see, the Enfold theme over-rides the in-built styles of the forms, and the results aren’t nice, particularly the bullet points added in front of the questions and radio buttons. How do I remove these bullet points? How do I get the Forms styled as shown in the Forms preview window?

    Thanks,
    Rebecca

    August 7, 2014 at 3:22 am #300921
    Ismael

    Hey!

    Thank you for using the theme.

    I’m sorry but I think you left out the link to the actual page. If you have the access to the Gravity Forms css file, edit it then copy the form styles. Add it on css > custom.css file.

    Regards,
    Ismael

    August 7, 2014 at 12:13 pm #301055
    TownCouncil

    Hi Ismael – thanks for your quick response.

    I solved the problem with the Enfold theme putting bullet points in front of Gravity Forms – in the settings of Gravity Forms, I had selected Output ‘HTML5’ styling and de-selected ‘Output CSS’ styling (this was suggested by a video I had watched re: styling Gravity Forms polls). Once I switched those setting back to the original, then the forms/polls/surveys displayed just fine in Enfold.

    Thanks again for your quick response – I’m impressed with your support!

    Rebecca

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Gravity Forms Styling’ is closed to new replies.