Today I did some exercises in making a contactpage.
I used the formcontainer and in there an input for a name, an e-mailadress and a textarea. I finished with a submit button.

In the exported version it is a gray one.
I want the change the background-color but with no succes so far.

I inserted a link to a custom.css file in Layouts>Manage projects like so:
<link rel="stylesheet" href="css/custom.css">

In the html-page I found the classname for this button:
<button type="submit" class="button-submit-1">Verzenden</button>

In the custom.css file I wrote:
.button-submit-1{background-color:black; color:white; }

This doesn't work ,so I am doing something wrong, but what? Can you help me out here?

Maybe this. Make sure your custom css link is below the rest of your style links.

Eric, thanks for replying.
I tried this immediately, but still no succes.
The custom css-file is working though, because I added labels and could target them.

Can you share a link?

Eric, I removed my site temporarely and uploaded the exported files from RLM. (As far as the project is at this moment).
You can see the int between result at www.havov.net.
Ctr-U gives you the source as you know and from there you can open the css-links.
I appreciate you having a view.

What elements are you trying to apply the css to?

At this moment only the submit button on the contact form.

Give this a try.


You can also do it all here in the wireframe-theme.min.css

Eric, thanks for polishing my thoughts. I tried all your suggestions and so far the result is the same. However you directed me to wireframe-theme.min.css, which I didn't approached before. I also went into wireframe-theme.css. I can find the classes and alter the values, but they don't appear in the final result. I made a custom button in custom.css and there I can alter the width, height and the color, but still not the background-color.

button.button-submit-1{
background-color:#80FF00;
color:#80FF00;
background-image: -moz-linear-gradient(center top , rgba(345, 32, 32, 1), rgba(50, 32, 32, 1));
}
label{color:white; padding:1em 0; }

Replace above code in your css folder > custom.css document
delete following code and replace with above code it should work

/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

button.button-submit-1{background-color:black; color:white; }

label{color:white; padding:1em 0; }