This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 3

.button-text {margin-left: 100px !important;}

Started 11 years ago by searchtransparency | 3 posts |


  1. searchtransparency
    Member

    For some reason my button is not getting the margin-left on it. Any suggestions?

    .button_text {
    width: 150px !important;
    height: 40px !important;
    margin: 0 0 20px 100px !important;
    background-image: url(http://seasonsfour.com/machform/images/button-send-message.png) !important;
    border: none !important;
    background-color: #FFF !important;
    color: #FFF !important;
    cursor: pointer !important;
    float: left !important;
    }

    Thanks!

    Posted 11 years ago #

  2. AMurray
    Pro Member

    That CSS is valid, it works for me when I test it outside of Machform. Try this yourself, just make up a dummy page like so:

    <!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style type="text/css">
.button_text {
width: 150px !important;
height: 40px !important;
margin: 0 0 20px 100px !important;
background-image: url(http://seasonsfour.com/machform/images/button-send-message.png) !important;
border: none !important;
background-color: #FFF !important;
color: #FFF !important;
cursor: pointer !important;
float: left !important;
}
</style>
<title>Untitled 1</title>
</head>

<body>
<form>
<input type="submit" class="button_text">
</form>
</body>

</html>

    It gives me a button, with a green background and margin of 100px;. Is that what you are expecting?

    Posted 11 years ago #

  3. searchtransparency
    Member

    Hi Murray,

    I have solved the issue. I just switched from image to text and then deleted the text "Submit" in the theme editor.

    Thanks!

    Posted 11 years ago #

RSS feed for this topic

Reply