PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Positing images and pricing fields

  1. I am using a Wordpress/bootstrap theme. I would like some direction on how to place my window images and pricing fields in a row. Like 3 or 4 in a row and then still have it be responsive.

    I have figured out how to target and rename the image & pricing field css classes. But still having trouble with the placement. I'm a newbie to css positioning so any help in simple terms or examples would be greatly appreciated.

    My initial thought was to create one html block, create a container/wrapper div for 3 images and their pricing fields with the built-ini bootstrap classes. But I had some difficulty doing that.

    Now I'm trying to float the images and prices, but still having trouble with the positioning.

    Thanks in advance.

    Pls see http://dev.clearlycleanwindowwashing.com/mailing-list-sign-up/

    then click on window cleaning to see the current positioning.

    Posted 7 years ago on Wednesday January 9, 2013 | Permalink
  2. David Peralty
    Administrator

    Our CSS Ready classes might help you with this: http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 7 years ago on Wednesday January 9, 2013 | Permalink
  3. Thanks for your quick reply. I applied your suggestion and it has made some improvement. But I am still having trouble lining up the fields and images vertically when viewing in a large screen monitor. Is there a way to clear the float. Or put the image and pertaining quantity field in the same div so that they always go together in different screen sizes?

    Or another suggestion?

    Posted 7 years ago on Friday January 11, 2013 | Permalink