Skip to Content

Custom Fonts on Button not working in Design Studio

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?

Regards

Sumit

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

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

    Add comment
    10|10000 characters needed characters exceeded