Skip to Content Skip to Menu

[SOLVED] Twitter Bootstrap Buttons not fine

9 years 7 months ago - 9 years 7 months ago #260570 by Andromeda57
[SOLVED] Twitter Bootstrap Buttons not fine was created by Andromeda57
Hi there,

we just upgraded from cb 1.9.1 to latest cb version.

Everything seems to work fine so far. But if we activate the Twitter Bootstrap in cb configuration the buttons in the frontend look not fine...

Is this a known problem?
Last edit: 9 years 7 months ago by krileon.

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48478
  • Thanks: 8282
  • Karma: 1443
9 years 7 months ago #260591 by krileon
Replied by krileon on topic Twitter Bootstrap Buttons not fine
When you turn on Bootstrap? Do you mean when you turn it off? If you turn it off you need a compatible Bootstrap CSS file loaded by other means. My recommendation is don't turn it off. It should be on by default.


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.

9 years 7 months ago - 9 years 7 months ago #260999 by Andromeda57
Replied by Andromeda57 on topic Twitter Bootstrap Buttons not fine
I mean when we turn it on ...

Here.. Please take a look how the button look like, (mouseover)..

Thanks..
Last edit: 9 years 7 months ago by Andromeda57.

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48478
  • Thanks: 8282
  • Karma: 1443
9 years 7 months ago #261035 by krileon
Replied by krileon on topic Twitter Bootstrap Buttons not fine
That's a style conflict from your Joomla template. Do not turn off Bootstrap unless you've a compatible Bootstrap CSS file for CB to use or you will lose nearly 100% of CBs styling. The conflict is coming from the below.

IN: templates/tierreg/css/template.css
ON: Line 1473
Code:
.art-button.hover, .art-button:hover { background: #E2341D; background: -webkit-linear-gradient(top, #B52A17 0, #DD331D 20%, #DD331D 80%, #B52A17 100%) no-repeat; background: -moz-linear-gradient(top, #B52A17 0, #DD331D 20%, #DD331D 80%, #B52A17 100%) no-repeat; background: -o-linear-gradient(top, #B52A17 0, #DD331D 20%, #DD331D 80%, #B52A17 100%) no-repeat; background: -ms-linear-gradient(top, #B52A17 0, #DD331D 20%, #DD331D 80%, #B52A17 100%) no-repeat; background: linear-gradient(to bottom, #B52A17 0, #DD331D 20%, #DD331D 80%, #B52A17 100%) no-repeat; -svg-background: linear-gradient(top, #B52A17 0, #DD331D 20%, #DD331D 80%, #B52A17 100%) no-repeat; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; border-width: 0; padding: 0 10px; margin: 0 auto; }

It looks like you modified the template and added that class to it or used jQuery to force the class onto the bottom. Either is fine, but you need to remove the Bootstrap button classes first or the 2 styles will conflict. So you need to remove the btn btn-default classes.


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.

9 years 7 months ago #261059 by Andromeda57
Replied by Andromeda57 on topic Twitter Bootstrap Buttons not fine
Hi,

we just removed button code from the template.

It seems to work fine, now.


Thanks
Tobias

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

Moderators: beatnantkrileon
Powered by Kunena Forum