[lupchiancristiParticipant]

Hi,

I want to customize a button in cornerstone, if I put in the raw content the button shortcode to create a class , cornerstone is transforming my raw content in a button and I cant customize the button how i want in custom CSS.
I mention that I want to do that for a particular button not for all site buttons.

Thank You !

[ThaiModerator]

Hi There,

Thanks for writing in!

First try adding following CSS under Customize > Custom > CSS:

.my-button {
   color: red;
   font-size: 24px;
   background-color: #f0f0f0;
}

After that add the my-button CSS class to your button shortcode:

[x_button type="real" shape="square" size="mini" href="#example" class="my-button" title="Example"]Square Button[/x_button]

Hope it helps.

[lupchiancristiParticipant]

Thanks,
It works perfect!

where should I put the CSS into custom CSS in cornerstone or under Customize>Custom>CSS

Thanks again !

[DarshanaModerator]

Hi there,

CSS effects would be the same whether you placed it into Cornerstone, Customizer or the style.css of your child theme. On every instances, the code would be update-proof as well. However, entering CSS in cornerstone’s custom CSS area would only affect that specific page it was entered for. Whereas, the Customizer or Child Theme would effect the entire site.

Hope that helps.

[Robert EParticipant]

Hi,

I’m a bit confused with Cornerstone because it doesn’t allow me to customize the color of a button. So if I follow the directions in this forum post and create a new class for the button color and apply that to the button shortcode in my page, if I ever try to edit my page again with Cornerstone and save, that change will get completely wiped out! So how do I apply this custom button change, but still be able to use Cornerstone in the future to edit the page?

Thanks

[RupokMember]

Hi @robchitown

Thanks for updating. It shouldn’t wiped out if you save it correctly. However if you want us to investigate then you can share your login credentials in a private reply.

Meantime you can also try implementing styles on Style Field – http://prntscr.com/926x3b
If you can’t find the Style field, make sure to enable Advance Option – http://prntscr.com/8qv57p

Hope this helps.

Cheers!

[Robert EParticipant]

Hi,

Thanks for the quick response. If I try to edit a page outside of Cornerstone, I get this warning message:

“Hold up! You’re welcome to make changes to the content. However, these will not be reflected in Cornerstone. If you edit the page in Cornerstone again, any changes made here will be overwritten. Do you wish to continue?”

Doesn’t that mean my edits outside of Cornerstone will be wiped out if I edit the page in Cornerstone again?

Thanks for letting me know about the Advance Option. I totally didn’t see that.

Thanks.

[ChristianModerator]

Hey Robert,

Yes, that is right. You cannot go back to Cornerstone once you’ve edited your content in Text mode.

Thanks.

[Author]

Posts