Skip to Content Skip to Menu

[SOLVED] CSS for 'floating window' background?

  • fribse2011
  • fribse2011
  • OFFLINE
  • Posts: 921
  • Thanks: 79
  • Karma: 8
8 years 8 months ago - 8 years 7 months ago #289082 by fribse2011
I have a transparrent background set on the site, this looks quite nice, but not so much when floating windows opens.
What CSS selector do I use to target the CB floating window?

Best regards
Fribse

Frømandsklubben Nikon, www.nikondyk.dk
We're a volunteer driven diving club in Ishøj, Denmark.
Har du brug for en dykkerklub der rummer alle, så kom ned til os.
Attachments:
Last edit: 8 years 7 months ago by krileon. Reason: Added [SOLVED] tag to subject

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 49447
  • Thanks: 8467
  • Karma: 1465
8 years 8 months ago - 8 years 8 months ago #289102 by krileon
Replied by krileon on topic CSS for 'floating window' background?
Be easier to debug it if you provided the CSS changing the background to transparent. The CSS for the tooltips has pretty weak selectors to allow for it to be restyled easily. Specifically the background is being applied with just the .qtip-default selector. If you're adding your styling to .cb_template selector then it'll affect the tooltips and any location that is surrounded by CB styling. Note .cb_template should already have no background styling.


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.
Last edit: 8 years 8 months ago by krileon.

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

  • fribse2011
  • fribse2011
  • OFFLINE
  • Posts: 921
  • Thanks: 79
  • Karma: 8
8 years 7 months ago - 8 years 7 months ago #289148 by fribse2011
Replied by fribse2011 on topic SOLVED: CSS for 'floating window' background?
Hi Kyle

Not really sure I understand you, the CSS for setting the background transparency is this:
.website-content {
background: rgba(255, 255, 255, 0.45) none repeat scroll 0 0;
border: 2px solid #858585;
}

I did find this in the custom.css:
/* Community Builder login button fix */
.cb_template { background-color: transparent; color: inherit; }

I do not have any .qtip set in the template.

I've commented out the .cb_template and now the hover window isn't transparent.
That change was originaly put in to make solve the problem with the login button ( www.joomlapolis.com/forum/153-professional-member-support/232603-5744-design-of-the-login-button-how-to-modify ).
I've removed it now, and I don't see the problem reappear, and I can see the bug report is closed, so I guess it's solved :-)

Best regards
Fribse

Frømandsklubben Nikon, www.nikondyk.dk
We're a volunteer driven diving club in Ishøj, Denmark.
Har du brug for en dykkerklub der rummer alle, så kom ned til os.
Last edit: 8 years 7 months ago by fribse2011.
The following user(s) said Thank You: krileon

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

Moderators: beatnantkrileon
Powered by Kunena Forum