Styling a Form

  • Kesava

    (@kesava)


    15 years, 5 months ago

    I’m trying to style an Opt-In form located here:

    http://frozenshoulder.com.au/?page_id=94

    I want to make it more colorful, if possible by surrounding it like this form:

    http://millionaire-phenomena.com/

    I have no idea how I would go about doing that though. I can create a picture to put behind the form, but I don’t know what code I would use to make the form appear in front of it and to ensure that they stayed with each other and didn’t move around.

    Any suggestions?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Root

    (@root)

    15 years, 5 months ago

    Have a look in the page source code to see what is what. The form prolly has an id eg: optform or similar………..

    Firefox has two useful extensions for this type of thing…..the web developers toolkit and Firebug……..both are virtually indispensable to us……

    Thread Starter Kesava

    (@kesava)

    15 years, 5 months ago

    Thanks, I have Firebug and know the section I have to edit.

    I can use background-color:#e0ffff; to change the colour.
    I can’t use background-image:url('../img/background.png'); to add an image.

    If the background color shows, then why won’t a background?

    Root

    (@root)

    15 years, 5 months ago

    I normally use

    #commentform {background: #ccc url('image.png'); }

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

The topic ‘Styling a Form’ is closed to new replies.