Button issue

Viewing 6 replies - 1 through 6 (of 6 total)
  • hrn1995 (woo-hc)

    (@aguinaldodarla)

    2 years, 4 months ago

    Hi @freddyeee

    You can add a CSS snippet like below by going to Appearance → Customize → Additional CSS to adjust the text’s alignment.

    div.wc-proceed-to-checkout {
    text-align: center;
    line-height: 2; /* Adjust this value as needed */
    }

    Let us know if you have more questions.

    Thread Starter freddyeee

    (@freddyeee)

    2 years, 4 months ago

    thanks, but it didn’t solve the issue

    Thread Starter freddyeee

    (@freddyeee)

    2 years, 4 months ago

    the strange thing is that it appears nomal on the Appearance > Customize > Additional CSS section, but when you see the web live it’s not.

    https://snipboard.io/0i1x76.jpg

    • This reply was modified 2 years, 4 months ago by freddyeee.
    Tamrat A. (woo-hc)

    (@bisratlearn)

    2 years, 4 months ago

    Hi @freddyeee,

    the strange thing is that it appears nomal on the Appearance > Customize > Additional CSS section, but when you see the web live it’s not.

    Thank you for reaching out to WooCommerce.com support. I appreciate your patience in troubleshooting this issue.

    I’ve taken the time to review your site and interestingly, I was not able to replicate the issue you’re experiencing. The “Finalizar compra” button appears to be symmetrical in my view when I access your site.

    Image Link: https://snipboard.io/HmWGfu.jpg

    However, I understand that the issue persists on your end, so let’s try a few things:

    1. Clear your browser cache: Sometimes, the browser cache can cause inconsistencies in the display of your site. Clearing it can often resolve such issues.
    2. Try a different browser: Check if the issue also occurs on a different web browser. This can help us identify if the problem is browser-specific.
    3. Disable browser extensions: Some browser extensions can interfere with how a webpage is displayed. Try disabling them temporarily to see if the issue is resolved.
    4. Check on a different device: If possible, check the site on a different device to see if the issue persists.

    If the issue still persists after trying these steps, could you please provide more details? For example, are you seeing this issue on all browsers and devices, or just specific ones? Any additional information you can provide will help us better understand and resolve the issue.

    Thank you for your patience and cooperation. We’re here to assist you and get this issue resolved as soon as possible.

    Thread Starter freddyeee

    (@freddyeee)

    2 years, 4 months ago

    I deleted browser cache, tried different browsers and incognito mode, it only worked ok for Mozilla firefox, the issue was in chrome and microsoft edge and also the issue is in the mobile version, I tested it on incognito mode.

    Plugin Support Shameem – a11n

    (@shameemreza)

    2 years, 4 months ago

    Hi @freddyeee

    I replicated the issue you’re experiencing on your cart page by checking it on both Chrome and Safari. On Chrome, a space automatically appears on top of the “Finalizar compra” button, and it’s not even removable by CSS.

    Direct link: https://gifyu.com/image/SRBob

    It looks like your theme is overriding the styles or has a browser compatibility issue. This is likely why your custom CSS isn’t working as expected. I recommend reaching out to your theme developer for further assistance here. I am sure they will have no problem supporting you there.

    I wish I could help more, but hopefully, this gets you going in the right direction to get the job done.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Button issue’ is closed to new replies.