Skip to Content

Custom Fonts on Button not working in Design Studio

Feb 17, 2017 at 05:24 PM


avatar image

Dear Experts,

I want to change the background color of the button component in Design Studio with the following custom CSS

.button {

background-color: #4CAF50; /* Green */

border: none;

color: white;

padding: 15px32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

But, the changes are not reflected in the buttons on dashboard.

Any suggestions?



10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

avatar image
Former Member Mar 01, 2017 at 02:25 PM

Hi Sumit,

try running the App in your Browser and get the ccs class of the button via DOM Explorer of the developer Tools.

Then rewrite the ccs file accordingly, it should look like:

.button.sapUiBtnStd.sapUiBTnNorm.sapUiBtnS {/* your style */}

Kind regards

10 |10000 characters needed characters left characters exceeded