From January 2nd 2019 on you can access our Help Center and open support tickets with your BindTuning account,
without having to log in with a separate account. More information here.

BindTuning Theme CSS Resources


BindTuning themes exposes most of its internal color definitions, such as the ones you can change during the customization process.
We provide CSS classes to use colors as backgrounds or text colors and set font families and sizes. Here’s a list of all the available CSS classes and their purpose.

The following classes set each of the color definitions as the text color of their respective targets:

  • Tuning color 1: bt-color_tuning1--color;
  • Tuning color 2: bt-color_tuning2--color;
  • Tuning color 3: bt-color_tuning3--color;
  • Tuning color 4: bt-color_tuning4--color;
  • Tuning color 5: bt-color_tuning5--color;
  • Tuning color 6: bt-color_tuning6--color;
  • Text: bt-color_text--color;
  • Links: bt-color_link--color;
  • Links hover: bt-color_link__hover--color;
  • Default button: bt-color_btn-default--color;
  • Primary button: bt-color_btn-primary--color;

With these classes you can set the color definitions as the background:

  • Tuning color 1: bt-color_tuning1--bg;
  • Tuning color 2: bt-color_tuning2--bg;
  • Tuning color 3: bt-color_tuning3--bg;
  • Tuning color 4: bt-color_tuning4--bg;
  • Tuning color 5: bt-color_tuning5--bg;
  • Tuning color 6: bt-color_tuning6--bg;
  • Text: bt-color_text--bg;
  • Links: bt-color_link--bg;
  • Links hover: bt-color_link__hover--bg;
  • Default button: bt-color_btn-default--bg;
  • Primary button: bt-color_btn-primary--bg;
  • Background color: bt-color_body--bg;

We also provide classes to set typeface definitions:

  • Base text font family: bt-text_font-family;
  • Base text font size: bt-text_font-size;
  • Headings font family: bt-headings_font-family;

 

The class names, aliases and hexadecimal values are available inside the window object of your browser, under the namespace btColors.

Have more questions? Submit a request

Comments

Got a question?

If you can't find the answer to your question, you can contact us.
We are here and happy to help.

Powered by Zendesk