Skip to Content Skip to Menu

Roundiv tab customization

  • piluche
  • piluche
  • OFFLINE
  • Posts: 69
  • Thanks: 10
  • Karma: 0
9 years 11 months ago #253773 by piluche
Roundiv tab customization was created by piluche
Hi,
I'm using roundiv tabs to show users profiles.
The fact is that my site template uses a white colored font.
So titles, field names etc...appear in white on a white background ( see screenshot )
How can i change that ?
Change background image ? Change roundiv font color ?
Thanks for help

Piluche ( France)
Attachments:

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48502
  • Thanks: 8284
  • Karma: 1443
9 years 11 months ago #253807 by krileon
Replied by krileon on topic Roundiv tab customization
Right click and inspect in Chrome or Firefox the rounded div element and it'll tell you the classes/IDs that you can restyle using CSS. CB 2.x the rounded display is done with Bootstrap 3 Panels, which can also be restyled with CSS. Main issue is you've white text on a light background so it's going to look pretty bad unless you go with a black backgrounded for the rounded display.


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.

  • piluche
  • piluche
  • OFFLINE
  • Posts: 69
  • Thanks: 10
  • Karma: 0
9 years 11 months ago #253819 by piluche
Replied by piluche on topic Roundiv tab customization
Thanks Krileon,
What I got is this :

For CSS3 rounded-corners */
.cbtmpldialog {
padding: 5px 16px 3px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
border: 2px solid #ccc;
margin: 1em 0 2em;
position: relative;

background-color: #c6c6c6;
background-color: rgba(198, 198, 198, 0.8);
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(180, 180, 180, 0.8)), to(rgba(255, 255, 255, .9)));
background-image: -moz-linear-gradient(rgba(180, 180, 180, 0.8) 0%, rgba(255, 255, 255, .9) 90%);
border-top-color: #ccc;
border-right-color: #aaa;
border-bottom-color: #bbb;
border-left-color: #aaa;

-webkit-box-shadow: rgba(170, 170, 170, 0.5) 0px 10px 16px;
-moz-box-shadow: rgba(170, 170, 170, 0.5) 0px 10px 16px;

I'm not a "pro" so is it the right place to change background color ( or colors...) ?
Thanks for help

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48502
  • Thanks: 8284
  • Karma: 1443
9 years 11 months ago #253841 by krileon
Replied by krileon on topic Roundiv tab customization
It's using a background color and gradient. Yes, you can add CSS for that selector to restyle it however you need, but you'll need to generate a new gradient, which you can do with the below.

www.colorzilla.com/gradient-editor/


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.

Moderators: beatnantkrileon
Powered by Kunena Forum