-
AuthorPosts
-
February 24, 2018 at 10:50 am #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.
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
February 26, 2018 at 7:02 am #1093856Hi,
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
-
AuthorPosts
This topic contains 1 reply, has 2 voices, and was last updated by Saguaros 6 years, 8 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum