Forum | Appery.io

Hello,
Thanks for your reply. Yes, I tried designating class names in the appery builder on each element/component. In the component properties box in the builder I gave a class name, and then i tried adding that name here:

.ui-btn-class_name_from_component_properties { background: transparent !important;}
.ui-collapsible-content-class_name_from_component_properties { background: transparent !important;}

My efforts here are still not correct.
would you please advise on how to correct my problem?

thanks so much.

Hi Matt.

If you want to apply styles only for a-swatch please follow solution below:

1 Open your CSS use following code: http://prntscr.com/3sb3gx/direct

pre

/.ui-btn { background: transparent !important;}/
/.ui-collapsible-content { background: transparent !important;}/

.ui-btn.ui-btn-up-a{ background: transparent !important;}
.ui-body-a.ui-collapsible-content { background: transparent !important;}

/pre

2 Open your page. Select certain mobilecollapsibleblock you need and set "A" swatch. See details: http://prntscr.com/3sb3uu/direct

3 Run your app. And you will see following: http://prntscr.com/3sb487/direct

Is this the desired result?

Regards.

yes, that's it!

thanks so much. changing to the code you provided:

.ui-btn.ui-btn-up-a{ background: transparent !important;}
.ui-body-a.ui-collapsible-content { background: transparent !important;}

was the key.

i had been trying to select swatches using the previous code with no success.

thanks again!!