Overriding just certain parts of the default CSS?

Just starting out? Need help? Post your questions and find answers here.
User avatar
SparrowhawkMMU
Posts: 291
Joined: Wed Aug 19, 2015 3:02 pm
Location: United Kingdom

Overriding just certain parts of the default CSS?

Post by SparrowhawkMMU »

Hi,

I'd like to change the styling on just radio buttons and check boxes - is it possible to do this by including a CSS snippet in SB? And if so could somebody explain how this is done?

Ideally I'd like all styling removed from both these gadget types for one particular web app I'm building.
sworteu
Posts: 18
Joined: Sun Feb 07, 2016 9:49 am

Re: Overriding just certain parts of the default CSS?

Post by sworteu »

You can do that with EnableJS and DisableJS.
Call the functions you nee to set different css properties using javascript.
User avatar
SparrowhawkMMU
Posts: 291
Joined: Wed Aug 19, 2015 3:02 pm
Location: United Kingdom

Re: Overriding just certain parts of the default CSS?

Post by SparrowhawkMMU »

Hi,

Sorry I meant to reply early.

Ideally I'd like this in the <head> section which I don't think (?) the EnableJS approach allows, but happy to be proven wrong.
User avatar
Arbrakaan
Posts: 91
Joined: Mon Feb 24, 2014 10:54 pm
Location: Geneva
Contact:

Re: Overriding just certain parts of the default CSS?

Post by Arbrakaan »

Or create your own theme "C:\SpiderBasic\Libraries\JavaScript\themes\YourTheme\window.css

And overwrite css classes

Code: Select all

.dijitMenuBar {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 0 1px 6px rgba(30,30,30,0.1);
    font: 'Open Sans',Arial,sans-serif;
    letter-spacing: 1.1px;
}
User avatar
SparrowhawkMMU
Posts: 291
Joined: Wed Aug 19, 2015 3:02 pm
Location: United Kingdom

Re: Overriding just certain parts of the default CSS?

Post by SparrowhawkMMU »

Thanks for alternative approach. Seems like I will have to do something like that as you say.
Post Reply