WordPress.org

Ready to get started?Download WordPress

Forums

DMSGuestbook
[resolved] guestbook layout messed up on 3 websites (5 posts)

  1. mantaalex
    Member
    Posted 1 year ago #

    hey,

    my guestbook layout is messed up on my 3 wordpress sites running 3.6

    here are my sites

    http://www.kim-lr.be/gastenboek/
    http://www.opelmanta.be/gastenboek/
    http://www.opelhistorics.be/gastenboek/

    like on the kim-lr website you see that the name is below the fill in etc and on the others sites the message text is after the fill in form
    i hope i get it proper work

    anyone knows what to do about it thanks on advance !
    greets alex vanhecke

    http://wordpress.org/plugins/dmsguestbook/

  2. DanielSchurter
    Member
    Plugin Author

    Posted 1 year ago #

    Hi mantaalex

    It seems your theme css on http://www.kim-lr.be/ is overwrite the input width. Open style.css, goto line 3126 and change width value in this section.

    Greetings,
    Dani

  3. mantaalex
    Member
    Posted 1 year ago #

    to what do i have to change that sorry i'm not that good in css

    i found out it has to be the style.css that i find in the theme of my site

    i found out that

    /* 8.1 Forms */
    input[type=text],
    input.input-text,
    textarea,
    input.txt,
    input[type=tel],
    input[type=email] {
      padding: .382em .5em;
      border: 1px solid #e7e7e7;
      -webkit-border-radius: 0.236em;
      border-radius: 0.236em;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      font-size: 1em;
      /* Make inputs the same size as normal text */
    
      line-height: 1.618em;
      font-family: inherit;
      /* Make inputs use the correct typeface instead of the browser default */
    
      outline: none;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
    
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
    
      box-sizing: border-box;
      /* Opera/IE 8+ */
    
      background-color: #ffffff;
      width: 100%;
    }


    [Please use the code buttons!]

    to what do i have to change the width

    thanks on advance daniel greets alex vanhecke

  4. DanielSchurter
    Member
    Plugin Author

    Posted 1 year ago #

    Change width: 100%;

    to:
    width: 30%;

    or to:
    width: 250px;

    Dani

  5. mantaalex
    Member
    Posted 1 year ago #

    thanks for the support works now

    greets alex vanhecke

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.