Buttons Left/Right Padding

  • Resolved monpetitcocoon

    (@monpetitcocoon)


    2 years, 4 months ago

    Hi,
    I’ve just updated wordpress and most of my plugins.
    My website is now showing full-width buttons bot on the home page and the shop page.
    My products are shown in 3 colums and now buttons are full width with the column. Befoer the update their width was just adjusted to text.

    The buttons aren’t adjustex to text anymore, they are full width.

    I’ve tried to Inspect and play a bit with css but nothing works. Neither the Bodiga Theme settings are working on width (anything else is ok)

    Can you please help me with this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author aThemes

    (@athemes)

    Hi @monpetitcocoon,

    There might be a CSS declaration that makes the buttons full-width. To override this, try adding this code in Appearance > Customize > Additional CSS:

    ul.products li.product .button, ul.wc-block-grid__products li.wc-block-grid__product .button {
	width: unset !important;
}

    The code above targets the buttons on the Product cards. If the code above didn’t work, we will need your domain URL, so we can check for the right classes to target.

    We hope this helps. If you have any other questions or concerns, please let us know.

    Thread Starter monpetitcocoon

    (@monpetitcocoon)

    Thank you very much. Unfortunately the result is the button to be (YES) not full width, but it’s now not centered anymore !
    Here’s a screenshot https://tinyurl.com/2bb6no3o

    Theme Author aThemes

    (@athemes)

    Hi @monpetitcocoon,

    We can center the button by adding a margin.
    Here’s the modified code:

    ul.products li.product .button, ul.wc-block-grid__products li.wc-block-grid__product .button {
	width: unset !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

    If this didn’t work, can you give us the URL of you site, so we can provide a more appropriate solution?

    Please let us know if this works.

    Thread Starter monpetitcocoon

    (@monpetitcocoon)

    You are a genius ! Thank you !
    I suspect that another CSS had overwritten these auto margins, after a global plugins+theme+wordpress an update last week.
    Thank YOU so much for the help. And the amazing work with the theme.

    Merci
    Alessandra

    Thread Starter monpetitcocoon

    (@monpetitcocoon)

    SOLVED !

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Buttons Left/Right Padding’ is closed to new replies.