Jump to content


Styling: Full Width for Contact Form


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 fingerprint

fingerprint

    Advanced Member

  • Members
  • Others: All Plugins, Builder
  • PipPipPip
  • 666 posts

Posted 15 September 2010 - 12:39 PM

Site is www.walkerdesignbuild.com/contact

How do I get the content module to span the normal width like on th rest of their pages? I'd like to be able to add their address, etc, more content on the right of the contact form.

Thanks!

#2 Sridhar Katakam

Sridhar Katakam

    Advanced Member

  • Members
  • Others: Toolkit
  • 22,258 posts

Posted 15 September 2010 - 12:52 PM

Try adding the following at the end of your theme's style.css:

.builder-module-content .builder-module-element-outer-wrapper {
background-color: #FFFFFF !important;
}


#3 fingerprint

fingerprint

    Advanced Member

  • Members
  • Others: All Plugins, Builder
  • PipPipPip
  • 666 posts

Posted 15 September 2010 - 01:24 PM

That worked! But when I add the phone, email, address info on the right of the photo, it pushes it down under the photo even though I have the photo left justified.???

#4 fingerprint

fingerprint

    Advanced Member

  • Members
  • Others: All Plugins, Builder
  • PipPipPip
  • 666 posts

Posted 17 September 2010 - 09:30 AM

Can you help me with the follow up issue? Trying to get the contact info to flush right of the contact form but it is going underneath instead.

Thanks so much!

#5 skylermoore

skylermoore

    Member

  • Members
  • Others: All Themes, BackupBuddy, All Plugins, DisplayBuddy, ThumbsUp
  • 2,141 posts

Posted 17 September 2010 - 09:50 AM

This is outside the realm of contactbuddy but we will try to help you out.

I would suggest wrapping the contact info in a div that has an inline style of "float: right".

Example before contact info "<div style="float: right">", After contact info "</div>".

That should help you get closer to what you are wanting but you will probably have to make some more adjustments to the page.

Good luck, please let us know if there is anythign else we can help you with.