Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 9, 2019 at 9:38 am #1135863
    mvanbokkel

    Hi Team,

    I am using Enfold and WPForms. The layout of the date/time field is in 3 rows in stead of one one row with 3 columns.
    It should be DD/MM/YYYY instead of
    DD
    /
    MM
    /
    YYYY

    Another question: How to adjust font size of ‘first’ and ‘last’ under the ‘name’ field.
    Please advise me how to adjust the CSS.
    Thanks!

    Regards,
    Maarten

    September 10, 2019 at 2:06 am #1136308
    mvanbokkel

    Hi Team,

    WPForms suggested my the following solution:

    .wpforms-field-date-time select {
    display: inline-block !important;
    width: 29% !important;
    }
    And it fixed the issue.

    I still have a question about the font size.

    Regards,
    Maarten

    September 11, 2019 at 2:43 am #1136849
    Mike

    Hi,
    Sorry for the late reply, I assume that you are asking to adjust the font size for the placeholder text for first & last name?
    Do you want to adjust all of the placeholder text on the form or just the name fields? They all seem to be the same size to me right now. Please see the screenshot in Private Content area.

    Best regards,
    Mike

    September 11, 2019 at 3:33 am #1136865
    mvanbokkel

    Hi Mike,

    Sorry, I did hide the sub labels so you were not able to see it.
    In the private content you will find a link to the page and a link to a screenshot to see the difference.
    I think it comes down to getting the sub label closer to the box and removing the ‘bold’ from the sub label.

    Best Regards,
    Maarten

    September 11, 2019 at 6:08 am #1136898
    Mike

    Hi,
    Thank you for the screenshot and the link, to move the labels up please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #wpforms-898-field_0,#top #wpforms-898-field_0-last {
	margin-bottom: 0 !important; 
}

    I also see that the name labels are bold, but all the other labels are bold also. Yet, as you asked to change these two labels, please try this css:

    #wpforms-898-field_0-container > div > div:nth-child(2) > label,#wpforms-898-field_0-container > div > div.wpforms-field-row-block.wpforms-first.wpforms-one-half > label {
	font-weight: 400 !important; 
}

    Best regards,
    Mike

    September 11, 2019 at 8:44 am #1136932
    mvanbokkel

    Hi Mike,
    Thank you so much. It is all perfect now.
    Regards,
    Maarten

    September 11, 2019 at 7:15 pm #1137208
    Victoria

    Hi Maarten,

    Glad you got it working for you with Mike’s help! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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