Archived topic

Same buttons frontend and in gutenberg

5 replies · Started by Philippe on October 9, 2021

Viewing posts 1–6 of 6

October 9, 2021 at 4:56 am #1957916

Hi there

I imported Pixel but decided I don't want rounded buttons.
I therfore changed the custom css to:

/* main button styling */
.button, .wp-block-button__link {
    transition: all 0.5s ease 0s;
    padding: 5px 12px;
    border-radius: 0px
}

Within content creation however, buttons are still rounded. How can I make visual changes in custom css to take effect in gutenberg?

Thanks

October 9, 2021 at 9:49 am #1958341

Hi Philippe,

Any chance you can link us to the site in question?

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

November 3, 2021 at 1:36 pm #1990433

Hi Ying

I have added the url to my first post. That's why you probably haven't gotten a notification. This is why I add this post. ;-)

November 3, 2021 at 1:52 pm #1990446

Hi Philippe,

The buttons are not rounded, the CSS you modified is working fine on my end:
https://www.screencast.com/t/XYLayXvtGHFD

It's been a long time since the topic was created, the buttons are still rounded on your end?

If so, can you try to clear your browser cache?

Let me know :)

November 6, 2021 at 2:26 pm #1994250

Hi Ying,

I do not know what it was. I even used a different browser but the buttons still appeared rounded in gutenberg.
Since today though, they appear correctly like in the frontend.

Whatever the reason, it is all fine now.

All the best.

November 6, 2021 at 4:36 pm #1994302

Glad to hear that :)

Let us know if you run into this issue again!

This archived topic is closed to new replies.

Start building better websites today.