Joomla Templates Club 406,261 posts

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#206752

Hi guys,

I have been try to obtain a list of the contextual colors for fonts and buttons but I’m lost. I found in Bootstrap some information but I just got more confused, I noticed you use something like “text-success” to change the color, is there a full list with their equivalence in HEX or regular color name. Also, Is it possible to create more tags for additional colors or to change the ones we got with the template, if so, where and how can I do that…?

Thanks for your support.

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#572777

Hi

Bootstrap system provides a number of available classes with which you can add into the element you wish and it will have defined style.

Of course, you can customize or add your own class with your own style. You can more info in http://getbootstrap.com/

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#572799

<em>@Saguaros 476317 wrote:</em><blockquote>Hi

Bootstrap system provides a number of available classes with which you can add into the element you wish and it will have defined style.

Of course, you can customize or add your own class with your own style. You can more info in http://getbootstrap.com/</blockquote>

Hi there, I already went trough that information, but I still don’t understand how do it in the JA Cagox Template, I tried making these using the “ThemeMagic” but they don’t really work and also they return to the “annoying” default font “Play Fair” so I’m guessing it needs to be done on the actual files but I need to know which one.

Could you please be more specific as in which file I have to generate those additional style classes…!

Thank you…!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#572881

It’s best if you change these contextual color via less.

Our T3 framework also override the bootstrap so all variables can be found within this file: root/templates/ja_cagox/less/variables.less

For example:


// Alerts
// -------------------------
@ alert-padding: 15px;
@ alert-border-radius: @border-radius-base;
@ alert-link-font-weight: bold;

@ alert-success-bg: @state-success-bg;
@ alert-success-text: @state-success-text;
@ alert-success-border: @state-success-border;

@ alert-info-bg: @state-info-bg;
@ alert-info-text: @state-info-text;
@ alert-info-border: @state-info-border;

@ alert-warning-bg: @state-warning-bg;
@ alert-warning-text: @state-warning-text;
@ alert-warning-border: @state-warning-border;

@ alert-danger-bg: @state-danger-bg;
@ alert-danger-text: @state-danger-text;
@ alert-danger-border: @state-danger-border;

--------------------------------


Of course, you can define your own variable here.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#737915

It’s best if you change these contextual color via less.

Our T3 framework also override the bootstrap so all variables can be found within this file: root/templates/ja_cagox/less/variables.less

For example:


// Alerts
// -------------------------
@ alert-padding: 15px;
@ alert-border-radius: @border-radius-base;
@ alert-link-font-weight: bold;

@ alert-success-bg: @state-success-bg;
@ alert-success-text: @state-success-text;
@ alert-success-border: @state-success-border;

@ alert-info-bg: @state-info-bg;
@ alert-info-text: @state-info-text;
@ alert-info-border: @state-info-border;

@ alert-warning-bg: @state-warning-bg;
@ alert-warning-text: @state-warning-text;
@ alert-warning-border: @state-warning-border;

@ alert-danger-bg: @state-danger-bg;
@ alert-danger-text: @state-danger-text;
@ alert-danger-border: @state-danger-border;

--------------------------------


Of course, you can define your own variable here.

[Author]

Posts