CSS changes in editor don't show in published website

[Nolispe280]

Hi,

I have been working on a new Weebly website (www.pikmap.weebly.com) for a couple of days and finally managed to make my buttons round cornered ! Or so I thought... 

By adding the line "border-radius: 25px;" in the HTML/CSS Editor, I can see my beautiful rounded button in the Weebly Editor but when I publish my website, the buttons are squared !

Has anyone run into a similar issue and managed to fix it ?

Cheers,

Charlie

[Bernadette3]

Hi Charlie. I'm not much help when it comes to custom code, but I believe there's a few apps in the App Center with customized button options.

[Nolispe280]

Hi Bernadette,

Thank you for your reply. All I need is the rounded corners option (which in theory is very easy to do). Also, the button in the Weebly form won't be changed if I use the customized app... which is the only button on my website so using the app would be useless.

Cheers,

Charlie

[Bernadette3]

Gotcha. I'm not sure what would cause the code to work in the editor but not the live site (usually it's the opposite) but Adam might have some insight for you. He'll be in tomorrow morning and I'll forward this post to him. 

[Nolispe280]

Great ! Looking forward to reading Adam's insight on this issue

[BJ5 · Accepted solution]

There are sometimes class differences within the editor and the published website. Assuming that you're just making your site buttons rounded, try adding something like this:

.wsite-button .wsite-button-inner { border-radius: 25px }

[Nolispe280]

Nice one ! It worked

Thank you very much @BJ 

[Remi]

Wait what ... where can CSS be edited?

[Bernadette3]

CSS can only be edited with the older/original editor at this time.