Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Mar 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Wordpress CSS - trouble floating form left and photo right

    I've spent hours trying to fix this issue in Safari and Chrome dev tools, but my lack of CSS knowledge/experience not to mention all of the inheriting that goes on in Wordpress has totally stumped me. I gather it's an easy fix, but not one I have not been able to resolve.
    I want the paragraph to stretch the full width of the top of the page. Then, just below, I want the form on the left and the photo on the right side of the page. Does anyone have a few moments to help me fix this?

    https://www.furrytoesphotos.com/mode...anine-athlete/

    Thanks!!

  2. #2
    New to the CF scene
    Join Date
    Mar 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I got inpatient and really needed to solve this issue so I went with a darg and drop plugin to help with the alignment. All is resolved for now.

  3. #3
    New Coder
    Join Date
    Sep 2017
    Posts
    41
    Thanks
    5
    Thanked 3 Times in 3 Posts
    To make the paragraph full-width:
    .elementor-text-editor elementor-clearfix {width: 100%;}

    For the form:
    .wpforms-field-container {width: 50%; float: left;}

    For the photo:
    .elementor-image img {{width: 50%; float: right;}
    }


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •