CSS Override

adhillon
ONLINE
Posts: 156
Thanks: 6
Karma: 1

3 hours 34 minutes ago #343748 by adhillon

CSS Override was created by adhillon

How can we override the hover attribute in CB Subscriptions plugin. I am referring to the yellow color.

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 50347
Thanks: 8619
Karma: 1472

2 hours 56 minutes ago #343750 by krileon

Replied by krileon on topic CSS Override

I assume you mean for the rounded template? You'd need to add your CSS for that to CBs template overrides feature shown below as CBSubs templates don't have an override feature.

www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy

You can use the "CSS class (e.g. 'cbreg_green cbreg_admin_green' )" parameter in your plans to add custom CSS classes for easier styling as well. The rounded template includes a few additional colors that are noted in the parameter description.

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

adhillon
ONLINE
Posts: 156
Thanks: 6
Karma: 1

2 hours 51 minutes ago #343751 by adhillon

Replied by adhillon on topic CSS Override

I have been managing CSS (not an expert, by any means) but I cant seem to find the CSS for the yellow hover color so I can turn it off.
This is the dialog display box generated by CBSubs.
I can provide the URL if needed.

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 50347
Thanks: 8619
Karma: 1472

2 hours 35 minutes ago #343753 by krileon

Replied by krileon on topic CSS Override

There's 2 parts to it. The border and the background. Their CSS is as follows.

Border

Code:

.cb_template .cbregPlan_rounded:hover > .card:not([class*="bg-"]),
.cb_template .cbregPlan_rounded.cbregPlanSelected > .card:not([class*="bg-"]) {
    border-color: rgb(250, 182, 9);
}

Background

Code:

.cb_template .cbregPlan_rounded:hover > .card:not([class*="bg-"]) > .card-header,
.cb_template .cbregPlan_rounded.cbregPlanSelected > .card:not([class*="bg-"]) > .card-header {
    background-color: rgb(250, 182, 9);
}

You should be able to use those same selectors to remove it or even change its color to whatever you like.

Please Log in or Create an account to join the conversation.

adhillon
ONLINE
Posts: 156
Thanks: 6
Karma: 1

2 hours 20 minutes ago #343754 by adhillon

Replied by adhillon on topic CSS Override

Thanks.

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon