• Resolved mayazir

    (@mayazir)


    I added css to submit button, and you can see here how it looks like:
    http://mexicanroutes.com/contact-us/

    I also created “click to thank” button, using contact form without name, email and rest of rows. Just “submit” button. Visitors click and I get “Thank you” on my email.
    You can see the example of “click to thank” button at the end of each post:
    http://mexicanroutes.com/acanceh/

    The problem is I want “click to thank” button with different style, but cant find out how to do that.
    Is it possible to make each additional contact form with different css?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Thread Starter mayazir

    (@mayazir)

    thanks.
    but i need different style for each additional contact form.
    i use submit button to create “thanks” or similar feedback buttons and need them to be differents.

    • This reply was modified 8 years, 6 months ago by mayazir.
    • This reply was modified 8 years, 6 months ago by mayazir.
    Thread Starter mayazir

    (@mayazir)

    Check these 2 links:

    http://mexicanroutes.com/contact-us/
    http://mexicanroutes.com/acanceh/

    Both have submit button.
    But I want these 2 buttons to be differents.
    If I add css to the second one, the first one gets the same css style.
    I want them to be differents, and I also want to create more “submit” buttons with different styles.

    The submit button from the 2nd link is not used for submit mail or comment.
    I use it as “thanks” button, to send “thanks” to my email, I need to know my visitors opinion about the content, and no one will write comments or posts, so I limited all feedback to simple “click to thank” button and want it to be not similar to “submit mail” button.

    • This reply was modified 8 years, 6 months ago by mayazir.
    • This reply was modified 8 years, 6 months ago by mayazir.
    • This reply was modified 8 years, 6 months ago by mayazir.
    • This reply was modified 8 years, 6 months ago by mayazir.
    Thread Starter mayazir

    (@mayazir)

    I tried to add class to submit button and then to add css to main.css but the button stays the same style.

    <h6>[submit class:thanks “Click to say thanks”]</h6>

    .thanks {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #FFF !important;
    color: red;
    }

    As you can see it doesnt work.
    The part of code doesnt work, font-size, font-weight and text-transform do work.
    But the background-color and font color dont.
    It is because I changed them before in my main.css

    .themeform input[type=”submit”], .themeform button[type=”submit”] {
    background-color: #aeaeae !important;
    width: 100% !important;
    }

    Where am I wrong?

    • This reply was modified 8 years, 6 months ago by mayazir.
    • This reply was modified 8 years, 6 months ago by mayazir.
    • This reply was modified 8 years, 6 months ago by mayazir.
    Thread Starter mayazir

    (@mayazir)

    sorry, was my fault.
    the problem was my main.css where I added css without put class.

    resolved.
    thanks

    Thread Starter mayazir

    (@mayazir)

    I just dont understand now why this button is width:50%
    I remember put 50% in css but I deleted it, but the button is 50% now.
    Ok, it is just what I needed, but why it is 50% ?

    Thread Starter mayazir

    (@mayazir)

    ok, it was padding, not width:50%
    just added padding: 10px 14px;

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘different submit buttons’ is closed to new replies.