Button Group Colours

[lazysheepmedia]

Folks

When I have the radio button set as a "button Group", is there a way to change the background colours for each button?

Thanks

 

[rob]

#element_test___radio .fabrikgrid_3.btn-success:hover, #element_test___radio .fabrikgrid_3.btn-success:focus, #element_test___radio .fabrikgrid_3.btn-success:active, #element_test___radio .fabrikgrid_3.btn-success.active, #element_test___radio .fabrikgrid_3.btn-success.disabled, #element_test___radio .fabrikgrid_3.btn-success[disabled] {
  background-color: red;
}
 
#element_test___radio .fabrikgrid_2.btn-success:hover, #element_test___radio .fabrikgrid_2.btn-success:focus, #element_test___radio .fabrikgrid_2.btn-success:active, #element_test___radio .fabrikgrid_2.btn-success.active, #element_test___radio .fabrikgrid_2.btn-success.disabled, #element_test___radio .fabrikgrid_2.btn-success[disabled] {
  background-color: orange;
}

 

[lazysheepmedia]

Thanks Rob

My element is called tenants_reg___How_Did_The_Tenant_Perform and so I have put this into the custom_css.php file in the folder - components/com_fabrik/views/form/tmpl/bootstrap

#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_3.btn-success:hover,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_3.btn-success:focus,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_3.btn-success:active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_3.btn-success.active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_3.btn-success.disabled,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_3.btn-success[disabled] {
background-color: red;
}

#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_2.btn-success:hover,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_2.btn-success:focus,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_2.btn-success:active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_2.btn-success.active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_2.btn-success.disabled,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_2.btn-success[disabled] {
background-color: orange;
}

But it hasn't changed anything - I also tried adding it to the template_css.php file but no good

Any tips?

Thanks

 

[lazysheepmedia]

Cancel

I just changed the grid references and it works perfectly!

#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_problematic.btn-success:hover,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_problematic.btn-success:focus,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_problematic.btn-success:active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_problematic.btn-success.active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_problematic.btn-success.disabled,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_problematic.btn-success[disabled] {
background-color: red;
}

#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_new.btn-success:hover,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_new.btn-success:focus,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_new.btn-success:active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_new.btn-success.active,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_new.btn-success.disabled,
#tenants_reg___How_Did_The_Tenant_Perform .fabrikgrid_new.btn-success[disabled] {
background-color: orange;
}

Thanks Rob your the man!

 

[rob]

yes sorry I should have made that part more clear!

 

[lazysheepmedia]

Nope, you're fine I'm just grateful you gave me the CSS needed

Regards


Sent via my iPhone using Tapatalk app so please excuse brevity and typing errors