Is there an easy way to adjust the elements of html forms?

Hi Lynn,

The only way to change the styles of the specific elements especially if this is an element created with custom HTML is custom css.

As I understand, this form is added into the HTML control, right?
If so use CSS Class option to assign a custom class (e.g. "lynn") for this control. Then use this class to affect the input text:

.lynn input {
color: #333333;
}

Nicepage uses class "u-btn" to assign a style to its buttons. You can try applying this class to the button directly (to the a element) if you have the access to the button html source.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Unfortunately, I'm not very clued up in the area of actual programming and css (which is why I use your software). In Artisteer, and in Themler, I'm able to adjust the design of these elements directly in the site design and they translate to my html forms automatically. Would this be a feature that you intend to add later to Nicepage?

I will try adding the code you suggest. Please can you clarify where and what need to be added?

Currently, I am using a mixture of Themler and Nicepage to make my sites and I'm finding that neither are ideal for my needs at the moment. Themler is far too complicated and I struggle to get it to do simple things like retaining the position of items where I put them in responsive mode. Nicepage, on the other hand, is much better for that kind of thing, but lacks other features I need on a regular basis, like these form design elements.

I really appreciate your quick response to my many and probably infuriating questions! :)

Last edited 07 March 2019 by Lynn

OK, I used the u-btn class in my form and the submit button is now displaying correctly. What class do you use for the text fields?

OK, I found the u-input class and now my form looks like this..

Which is an improvement, but I don't know the code for making the border white. I've tried a few things and nothing seems to work beyond this. Please advise.

Hi Lynn,

Is your site online? If yes, please provide a link to the page where we could see the form. In other case you can attach the project with the form. Also you mean that you want to have the white border around the input fields, am I right?

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

I have attached the project as far as I've modified it. Yes, I'd like to know how I can get a white border around the input fields. The original version is online at https://husky.wobblymusic.net.

Hi Lynn,

Please find the project attached. I have set the input color to black and also have set the white background.
Or if you need only border and not the whole background, then open the CSS styles for the form and place the following code instead the one that is placed now:

.input input{
        color:black;
        border-width: 1px!important;
    border-color: white!important;
    border-style: solid!important;
}

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

That's great! Thank you! I know what to do for all my future forms now.

Hi Lynn,

You are welcome. Feel free to contact us on any occasion.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp