WordPress.org

Support

Support » How-To and Troubleshooting » How to position a button on my page

How to position a button on my page

  • Hi, new to all this and having trouble positioning my redirect button on my page. It currently defaults to the left but i want to place in more central.

    <form action="http://www.ryanair.ie/contact/" method="LINK"><input type="submit" value="Book Free Flight" /></form>

    I have used

    <head>
    <style type="text/css">
    form
    {
    position:absolute;
    left:100px;
    top:150px;
    }
    </style>
    <head>

    [please mark any posted code – http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

    but this seems to move all buttons and not just the 1 i wish to reposition. Also when i put this code in the editor and save it, its not there when i try to edit the page again?

    Im a bit lost?

    Any help would be appreciated.

    Thanks Damo

Viewing 1 replies (of 1 total)
  • Michael

    @alchymyth

    Forum Moderator

    formatting should be done using css in style.css of the theme;

    to influence only one button, it has to have a unique css class or css id;

    example:
    <form class="ryanair" action="http://www.ryanair.ie/contact/" method="LINK"><input type="submit" value="Book Free Flight" /></form>

    and the added css in style.css might be:

    form.ryanair
    {
    position:absolute;
    left:100px;
    top:150px;
    }

    untested – for more details about positioning see http://www.w3schools.com/Css/css_positioning.asp

Viewing 1 replies (of 1 total)
  • The topic ‘How to position a button on my page’ is closed to new replies.
Skip to toolbar