Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

CSS Display flex can't change to display: block

I’ve searching to fix a line of my css code on WooCommerce Checkout page but I have an issue.

On the website https://freecal.fr/checkout/ (add 1 BBQ sauce to be able to see the checkout with a product https://freecal.fr/product/sauce-barbecue/)

I can’t seem to be able to switch the li style of my shipping methods (

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

  • under "Expédition" when inspect code)
    It’s stuck on display:flex when I want display:block (css line 1482), even when I change the code on CSS.

    What I Have : https://gyazo.com/a4cf9c867f89f540bbd0597f6c76c0f4

    What I Want : https://gyazo.com/3f97f8477ba7330c4a99751df7d10601

    Sorry if you don’t understand what i’m saying, struggling a bit to explain my situation 🙁
    Looking forwards for any helpers.
    Cheers

    >Solution :

    Do it like this

    <li style="flex-direction:column; align-items: flex-start;">
      <div style="display:flex;">
          <input/>
          <label>...<label>
      </div>
      <button>Choisir un point de retrait</button>
      .......
    </li>
    
  • Add a comment

    Leave a Reply

    Keep Up to Date with the Most Important News

    By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

    Discover more from Dev solutions

    Subscribe now to keep reading and get access to the full archive.

    Continue reading