Recent
Categories
View Replies (6)

Virtuoso contact form CSS

0
Votes
Undo
  1. hopekiah
    hopekiah
  3. Commercial Templates
  4. Wednesday, 24 September 2014
  5.  Subscribe via email
Greetings,
I'm accustomed to using CSS to modify contact pages, like this one: http://customfurniture.us/index.php/contact
#contact-form {
margin-top: -420px;
margin-left: 290px;
}
I'm having a heck of a time getting the form to move up to the left of the photo here:
http://www.dianethomas.net/index.php/contact
Can you help me?
thanks,
Hope
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hope

Presuming I understand you correctly could you try adding the following to the Custom CSS field of your templates parameters where 70px is the vertical positioning of your image...


.contact .thumbnail {

    left: 0px;

    position: relative;

    top: 70px;

}


You can also edit the left:0px to your own taste to edit the horizontal positioning.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
hopekiah
hopekiah
Accepted Answer Pending Moderation
0
Votes
Undo
THanks, Ciarán! I tried this but it's not working for me. It works for an instant, and then not.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hope

Could you detail for me exactly what you wish to achieve as I believe I may have misunderstood your query. Attached is a screenshot of how we currently see your form in relation to the image.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
hopekiah
hopekiah
Accepted Answer Pending Moderation
0
Votes
Undo
Your screenshot looks perfect. The display is good in Firefox, I see, on my Mac. However, Safari and Chrome look like my screenshot.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Ah I see it now.. thanks Hope.

Could you also try adding the following to your Custom CSS field...


.contact-form {

    width: 450px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
hopekiah
hopekiah
Accepted Answer Pending Moderation
0
Votes
Undo
That did the trick. Thanks so much.
-hope
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!