contact form 7 has moved position since last update

  • hi
    since updating contact form 7 yesterday, all is well accept the fact that my form has moved horizontally to the right by about 300 pixels. its the same in both IE and FF.

    everything else on the page is how it should be, everything is positioned correctly, its just the form. anyone able to help?
    thanks in advance.
    HH

Viewing 15 replies - 1 through 15 (of 23 total)

  • A link to your site would help…

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    sorry, the link:

    https://www.artbyherbie.com/wptest/?page_id=51

    the form has just moved horizontally and i dont know why
    thanks in advance
    HH

    I think you need to start by sorting out some of the validation errors on the page. You’ve got an extra <head></head> section inside the page <body>.

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    esmi
    i have seen the validation errors on my pages, i shall try to explain why they are appearing.

    i am laying out my pages in dreamweaver using divs and css, the css styles are included within the html markup i copy and paste from DW to WP. i am basically copying everything from the <style type=”text/css”> to the last </html>. this is then pasted into the page’s html editor.

    can i add my page layout css styles in my themes stylesheet? or even create a new stylesheet?

    what IS the content markup that can be pasted into the html editor? is it everything between the <body</body> tags? is this why im getting so many validation errors?
    regards
    HH

    i am basically copying everything from the <style type=”text/css”> to the last </html>.

    You need to stop doing that! If you absolutely have to use DW to create your content, you must ensure that you only copy over the page content markup. No head or footer markup. It would far better (and far easier for you in the long term) if you amended your theme to incorporate your CSS/layout etc and stopped using DW to enter any content.

    can i add my page layout css styles in my themes stylesheet? or even create a new stylesheet?

    You can easily add your CSS to the theme’s stylesheet. If you want to add a new sheet, you’d need to either import it at the top of style.css (after the theme data block) or add it as a separate link in the <head></head> section of your theme’s header.php.

    what IS the content markup that can be pasted into the html editor?

    That very much depends upon your current theme.

    is it everything between the <body</body> tags?

    Highly unlikely. It’s probably only a very small part of the overall page.

    is this why im getting so many validation errors?

    Almost certainly.

    You might want to look at adapting your theme instead of trying to work with DW all of the time. https://codex.www.ads-software.com/Theme_Development is a good place to start.

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    wow esmi thanks for a great reply ??
    am gonna get onto this today, i shall report back.
    thanks
    HH

    https://www.themedreamer.com/ (can I link this here?)

    that is a theme developer thing that works in dreamweaver. It does maintain a separate style.css, and outputs valid markup. I used it to make my theme, and it worked great.

    BUT

    it was almost as much work as just doing the theme live….without the addon. They’ve made changes since I used it…..you had to have a pretty good grasp of WP to understand how to use it I think. Supposedly they now have a ‘test server’ that makes it work better (so you don’t get all the wierd behaviour from the php stuff). They do have a free trial period…..which, if you try the software, I’d highly recommend before buying….you may end up not liking it at all…..

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    ok esmi, im back

    i had to go back to the root of my problem, the need for a second static sidebar, which as you can see WAS a div in dreamweaver – its been a long day and ill report my productivity. ive edited my theme to include thgis new sidebar.

    1) created sidebar2.php
    2) registerd sidebar2 in functions.php
    3) called sidebar2 in index.php and page.php
    4) styled the sidebar tooo loook exactly lile the old div one
    5) edited CSS of related classes to accomodate/position the new sidebar.

    it looks great and i have checked it in appearance> widgets (i used a widget ready one as the tutorial i used followed like that)

    i recopied and pasted all my page content, this time WITHOUT the embedded CSS and header tags, basically just the content markup and the results are GREAT! my new sidebar appears on all my pages and my content in the pages is still the same.

    so, now i shouldnt have that many validation errors right?
    WRONG! the contact form 7, which was the problem that started this thread is STILL out of place.

    i feel like i have come on in leaps and bounds today, especially after adding my second sidebar.

    however, in my ‘articles’ page where all my posts are displayed together, the positiioning needs some tweaking:

    https://www.artbyherbie.com/wptest/?page_id=521

    it is a CSS editing problem i know, something to do with posts not pages. please help
    HH

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    PS: esmi, ive got 10 errors now instead of yesterdays 40. so thats a quarter of yesterdays errors fixed, i knew i had to edit my theme to create a new sidenbar sooner or later im just so glad im on my way there.

    just some CSS issues i hope you can help me with.

    https://www.artbyherbie.com/wptest/?page_id=521

    can you see, the post content has shifted to the right, when it is supposed to be just right of the date, and the sidebar is positioned correctly on the vertical axis, just not horizontally.

    please please help, uve been great so far and even i have shocked myself with today’s productivity.
    thanks
    HH

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    sorry type – ‘the post content has shifted to the LEFT, not right’

    I’m only seeing 4 errors now – none of which are significant. Well done you! ??

    the post content has shifted to the right, when it is supposed to be just right of the date

    Have you fixed that? Only it looks fine to me in Firefox.

    the sidebar is positioned correctly on the vertical axis, just not horizontally.

    Is this the new sidebar? The grey block?

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    yes esmi thanks for the support
    the new sidebar is the grey block, it only appears misaligned when ‘articles’ is clicked from the top menu

    its defo a css issue, alignment etc
    any chance u can help, im 99% there!
    HH

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    PS: esmi

    Have you fixed that? Only it looks fine to me in Firefox.

    yes ive fixed that its just the grey sidebar in ‘articles’
    HH

    hmm…just on that one page eh? yup…I see it…

    Common causes of a misalignment on just one page…

    Are you using page templates at all? Does that page have a special template assigned that the others don’t?

    Did you do any sort of pasting from Word for your content? That can jack up layouts….

    Other than that, I don’t have any developer tools handy at work, I’ll defer to Esmi who has helped you so far very nicely

    (your layout is looking pretty darn good!)

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    no not using page templates, thanks voodoo, this site is gonna be ‘the one’ hopefully(!)

    yes its the post page, where all my posts are showed, the actual ‘pages’ are OK, the ‘articles’ page is one where i set it up in admin to show ALL posts only, so its defo just the posts that are misaligned

    no pasting from word at all
    thanks
    HH

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘contact form 7 has moved position since last update’ is closed to new replies.