Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 16, 2024 at 12:10 am #1440063
    bemodesign

    See link to screen shot and the red circled areas show the field text is overlapping on the Cart and Checkout pages.

    The Green circle is the text that is the same color as button, so it is not visible. I can’t find out where to edit this.

    Thanks!

    April 16, 2024 at 9:36 am #1440089
    Ismael

    Hey bemodesign,

    Thank you for the inquiry.

    Could you please check the screenshots? It doesn’t seem to display the issues you’ve described. Please provide screenshots of the cart and checkout pages.

    Best regards,
    Ismael

    April 17, 2024 at 2:02 am #1440143
    bemodesign

    attached

    April 17, 2024 at 8:54 am #1440161
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-432 .components-flex-item input, .page-id-433 .wc-block-components-text-input input {
  padding: 8px 116px;
}

    Best regards,
    Rikard

    April 17, 2024 at 7:48 pm #1440229
    bemodesign

    Great, and can you help me find out how to change color for the Green circled area, that says “Proceed to Checkout”?

    April 17, 2024 at 10:27 pm #1440244
    bemodesign

    And some of the fields on cart and checkout have text fields wording that overlaps. Like the United States part. can you take a look?

    April 18, 2024 at 9:30 am #1440265
    Rikard

    Hi,

    Please try this as well for the button text:

    .wc-block-cart__submit-container a .wc-block-components-button__text {
  color: #fff;
}

    I’m not sure what you would like to do with the labels in the shipping fields though, maybe move them up above the actual field?

    Best regards,
    Rikard

    April 18, 2024 at 9:43 am #1440268
    bemodesign

    Top one worked thanks.

    And yes, let’s Move them up above the actual field. That might solve the issue?

    April 18, 2024 at 3:39 pm #1440301
    Rikard

    Hi,

    Please try this CSS as well:

    .wc-block-components-address-form-wrapper .components-base-control__label {
  top: -30px;
}

    Best regards,
    Rikard

    April 18, 2024 at 7:23 pm #1440318
    bemodesign

    Didn’t move anything. If you look on the Check out page, it is only for the COUNTRY and STATE options. weird

    April 19, 2024 at 8:55 am #1440341
    Rikard

    Hi,

    Please try this CSS instead:

    .wc-block-components-address-form-wrapper .components-base-control__label {
  top: -30px !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.