custom theme - sheet title image & default button corner radius

[HartbargerL]

Hello!! 

Below is my css for my custom theme and how I reference it in my json file. For some reason the sheet title image is not rendering. Sometimes it randomly will but then I'll make a small change and it will not render. Any ideas on what is going on?

.sheet-title-text {

  background-image: url("my url here") !important;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: right;

  color: white;

}
json: (I put this portion of the script after my inherit statement and variable creations)

"customStyles": [

      {

        "cssRef":   "qliktheme.css",

        "classRef": "custom-theme-style"

      }

    ],


Also... is it possible to customize the button object in css or json? I would like to set the default to be rounded corners/ 

[JandreKillianRIC]

Hi @HartbargerL 

Also cant seem to get this with CSS, But on the styling tab you can do it. 

Seems like is must be something like this
.qv-object-action-button

Regards - Jandre

[JandreKillianRIC]

Hi @HartbargerL 

The .qv-object-action-button works but its like the blue part is different... very weird.

Here is my CSS

.qv-object-kpi, .qv-object-barchart, .qv-object-scatterplot, .qv-object-action-button {
border-radius: 30px;
background: #fafafa;
box-shadow: 10px 10px 30px #bdbdbd,
-10px -10px 30px #ffffff;
}

[HartbargerL · Accepted solution]

I got it to work by using this in my css

.qv-inner-object{

  border-radius: 0.50em;

  }

[JandreKillianRIC]

Hi @HartbargerL 

Thanks for letting me know! 

Regards Jandre