• Hi guys, ive been asked to make a site for a friend , whilst not a complete wordpress novice , im far from any sort of expert , .. im trying to replicate an embedded form , midway thru the header & home page . like this example (http://www.3solarquotes.com.au/) .. (no im not affiliated with that site in any way) ..but complete lost as to how to achieve this . please help, im using gravity forms, so the form itself is not an issue .. its just its placement.

    Thanks in Advance ..

    Brano

Viewing 4 replies - 1 through 4 (of 4 total)
  • The way you design the site depends a lot on the theme you’re using. It’s hard to give guidance without knowing a little more (theme and URL are a good starting point).

    However, you can probably find everything you need on the Gravity Forms website. They have instructions on how to place the form that you build. When you have Gravity Forms installed there’s a little button above the editing toolbar when you’re creating posts and pages; click that to insert the form. They also have shortcodes which you can simply type into a page to render the form.

    Thread Starter andybrano

    (@andybrano)

    Thanks .. as stated thats not the problem (the form ) i possibly shouldve been clearer in my request .. in that im asking for help on how to place the form mid page .. like on http://www.3solarquotes.com.au , i beleive they are using twentytwelve as there theme.

    For help with CSS, a live site link is required…if we cannot see the site, we cannot see the stylesheet(s), so we cannot suggest changes.

    To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

    There are others.

    When editing CSS, use a Child Theme
    http://codex.wordpress.org/Child_Themes
    Custom CSS Plugin, or Theme provided custom CSS option.
    Edits to parent themes are lost on theme update.

    Learn CSS: http://www.w3schools.com/css/

    Basically, you need to know CSS and HTML – that form is positioned using this CSS:

    #form {
        background: url("images/transparent.png") repeat scroll 0 0 transparent;
        border-radius: 10px 10px 10px 10px;
        float: left;
        height: 390px;
        margin-top: -350px;
        opacity: 1;
        padding: 5px;
        position: relative;
        width: 375px;
    }

    CSS is entirely site/theme specific, so you can’t copy it from someplace else.

    And like Seacoast mentioned, whoever made that theme has made a huge mistake in modifying the twentytwelve theme directly – when WP is updated all the changes will be erased.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘help with layout required’ is closed to new replies.