Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • bbotfield Friend

    Hello, I want to change some of the fonts in uber. Where can I find the standard css file for the h1 tag and the fonts that are assigned to the paragraph tag etc. Thank you.

    • This topic was modified 1 year, 1 month ago by  bbotfield.
    • This topic was modified 1 year, 1 month ago by  bbotfield.
    • This topic was modified 1 year, 1 month ago by  bbotfield.
    Saguaros Moderator


    This template is built with Bootstrap, you can easily work with LESS, just right click on the h1 tag element on your site, use Inspect Element editor in Chrome or Firefox, you will know which file that tag is declared:

    For example, in my screenshot, I enable the Development Mode (in template manager), right click on the h1 tag in article page, you will know which font-family it’s using.

    The file path declared this is: root/templates/uber/less/typography.less

    // --------------------------------------------------
    // CORE TYPOGRAPHY (type.less)
    // Headings
    // --------------------------------------------------
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: @headings-font-family;
      font-weight: @headings-font-weight;
      line-height: @headings-line-height;
      color: @headings-color;
      .small {
        font-weight: @font-weight-normal;
        line-height: 1;
        color: @headings-small-color;

    as you can see that it’s inheriting the headings-font-family variable which is defined in: root/templates/uber/less/variables.less

    // Typography
    // -------------------------
    @font-family-sans-serif:      "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif;
    @font-family-serif:           Cambria, Georgia, "Times New Roman", Times, serif;
    @font-family-monospace:       Monaco, Menlo, Consolas, "Courier New", monospace;
    @font-family-base:            @font-family-sans-serif;
    @font-size-base:          16px;
    @font-size-large:         ceil(@font-size-base * 1.25);
    @font-size-small:         ceil(@font-size-base * 0.85);
    @font-size-h1:            floor(@font-size-base * 3.5);
    @font-size-h2:            floor(@font-size-base * 2.8125);
    @font-size-h3:            ceil(@font-size-base * 2);
    @font-size-h4:            ceil(@font-size-base * 1.5);
    @font-size-h5:            @font-size-base;
    @font-size-h6:            ceil(@font-size-base * 0.875);
    @line-height-base:        26 / unit(@font-size-base);
    @line-height-computed:    floor(@font-size-base * @line-height-base); // ~26px
    @headings-font-family:    @font-family-base;
    @headings-font-weight:    @font-weight-semibold;
    @headings-line-height:    1.25;
    @headings-color:          inherit;

    And you can change there.


Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 1 reply, has 2 voices, and was last updated by  Saguaros 1 year, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum