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

    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, 3 months ago by  bbotfield.
    • This topic was modified 1 year, 3 months ago by  bbotfield.
    • This topic was modified 1 year, 3 months ago by  bbotfield.
    Saguaros Moderator
    #1093856

    Hi,

    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: http://prntscr.com/ijslvn

    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,
      .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.

    Regards

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, 3 months ago.

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