Unable to make H1 Uppercase

Seb Fontan

April 27, 2022 17:52

Hi Guys,

Is it not possible to make the headings uppercase in Brizy? I've targeted the h1 tag with CSS as follows, been trying for 45 MIN, but it does not work.

h1 {

text-transform: uppercase !important;

}

I've also tried adding classes to the h1 tag but alas, it does not work either. It's as if Brizy is overriding this somehow. I'm able to make other elements uppercase, so I know my CSS is right, but it's not possible with the h1 tag.

Pleas help. Also, why doesn't Brizy come with an option to make headings uppercase? All other page builders allow you to do this easily.

Comments

1 comment

KC George

April 28, 2022 13:16
Hi Seb

I am not sure if there is a way to set all headings or a specific heading to uppercase globally. Code mentioned below seems to define the global typography. I don't find an option to add text transform here.

:root {
--brz-paragraphFontFamily: Roboto, sans-serif;

--brz-paragraphFontFamilyType: google;

--brz-paragraphFontSize: 16px;

--brz-paragraphFontSizeSuffix: undefined;

--brz-paragraphFontWeight: 400;

--brz-paragraphLetterSpacing: 0px;

--brz-paragraphLineHeight: 1.8;

--brz-paragraphMobileFontSize: 15px;

--brz-paragraphMobileFontWeight: 400;

--brz-paragraphMobileLetterSpacing: 0px;

--brz-paragraphMobileLineHeight: 1.6;

--brz-paragraphTabletFontSize: 15px;

--brz-paragraphTabletFontWeight: 400;

--brz-paragraphTabletLetterSpacing: 0px;

--brz-paragraphTabletLineHeight: 1.6;

--brz-paragraphStoryFontSize: 3.68%;

--brz-subtitleFontFamily: Roboto, sans-serif;

--brz-subtitleFontFamilyType: google;

--brz-subtitleFontSize: 16px;

--brz-subtitleFontSizeSuffix: undefined;

--brz-subtitleFontWeight: 400;

--brz-subtitleLetterSpacing: 0px;

--brz-subtitleLineHeight: 1.8;

--brz-subtitleMobileFontSize: 14px;

--brz-subtitleMobileFontWeight: 400;

--brz-subtitleMobileLetterSpacing: 0px;

--brz-subtitleMobileLineHeight: 1.6;

--brz-subtitleTabletFontSize: 15px;

--brz-subtitleTabletFontWeight: 400;

--brz-subtitleTabletLetterSpacing: 0px;

--brz-subtitleTabletLineHeight: 1.7;

--brz-subtitleStoryFontSize: 3.68%;

--brz-abovetitleFontFamily: Overpass, sans-serif;

--brz-abovetitleFontFamilyType: google;

--brz-abovetitleFontSize: 12px;

--brz-abovetitleFontSizeSuffix: undefined;

--brz-abovetitleFontWeight: 700;

--brz-abovetitleLetterSpacing: 0px;

--brz-abovetitleLineHeight: 1.5;

--brz-abovetitleMobileFontSize: 12px;

--brz-abovetitleMobileFontWeight: 700;

--brz-abovetitleMobileLetterSpacing: 0px;

--brz-abovetitleMobileLineHeight: 1.5;

--brz-abovetitleTabletFontSize: 12px;

--brz-abovetitleTabletFontWeight: 700;

--brz-abovetitleTabletLetterSpacing: 0px;

--brz-abovetitleTabletLineHeight: 1.5;

--brz-abovetitleStoryFontSize: 2.7600000000000002%;

--brz-heading1FontFamily: Merriweather, serif;

--brz-heading1FontFamilyType: google;

--brz-heading1FontSize: 60px;

--brz-heading1FontSizeSuffix: coral;

--brz-heading1FontWeight: 700;

--brz-heading1LetterSpacing: 0px;

--brz-heading1LineHeight: 1.3;

--brz-heading1MobileFontSize: 36px;

--brz-heading1MobileFontWeight: 700;

--brz-heading1MobileLetterSpacing: 0px;

--brz-heading1MobileLineHeight: 1.3;

--brz-heading1TabletFontSize: 48px;

--brz-heading1TabletFontWeight: 700;

--brz-heading1TabletLetterSpacing: 0px;

--brz-heading1TabletLineHeight: 1.3;

--brz-heading1StoryFontSize: 13.8%;

--brz-heading2FontFamily: Merriweather, serif;

--brz-heading2FontFamilyType: google;

--brz-heading2FontSize: 50px;

--brz-heading2FontSizeSuffix: undefined;

--brz-heading2FontWeight: 700;

--brz-heading2LetterSpacing: 0px;

--brz-heading2LineHeight: 1.5;

--brz-heading2MobileFontSize: 34px;

--brz-heading2MobileFontWeight: 700;

--brz-heading2MobileLetterSpacing: 0px;

--brz-heading2MobileLineHeight: 1.3;

--brz-heading2TabletFontSize: 42px;

--brz-heading2TabletFontWeight: 700;

--brz-heading2TabletLetterSpacing: 0px;

--brz-heading2TabletLineHeight: 1.3;

--brz-heading2StoryFontSize: 11.5%;

--brz-heading3FontFamily: Merriweather, serif;

--brz-heading3FontFamilyType: google;

--brz-heading3FontSize: 40px;

--brz-heading3FontSizeSuffix: undefined;

--brz-heading3FontWeight: 700;

--brz-heading3LetterSpacing: 0px;

--brz-heading3LineHeight: 1.3;

--brz-heading3MobileFontSize: 30px;

--brz-heading3MobileFontWeight: 700;

--brz-heading3MobileLetterSpacing: 0px;

--brz-heading3MobileLineHeight: 1.3;

--brz-heading3TabletFontSize: 35px;

--brz-heading3TabletFontWeight: 700;

--brz-heading3TabletLetterSpacing: 0px;

--brz-heading3TabletLineHeight: 1.3;

--brz-heading3StoryFontSize: 9.200000000000001%;

--brz-heading4FontFamily: Merriweather, serif;

--brz-heading4FontFamilyType: google;

--brz-heading4FontSize: 35px;

--brz-heading4FontSizeSuffix: undefined;

--brz-heading4FontWeight: 700;

--brz-heading4LetterSpacing: 0px;

--brz-heading4LineHeight: 1.3;

--brz-heading4MobileFontSize: 28px;

--brz-heading4MobileFontWeight: 700;

--brz-heading4MobileLetterSpacing: 0px;

--brz-heading4MobileLineHeight: 1.3;

--brz-heading4TabletFontSize: 32px;

--brz-heading4TabletFontWeight: 700;

--brz-heading4TabletLetterSpacing: 0px;

--brz-heading4TabletLineHeight: 1.3;

--brz-heading4StoryFontSize: 8.05%;

--brz-heading5FontFamily: Merriweather, serif;

--brz-heading5FontFamilyType: google;

--brz-heading5FontSize: 20px;

--brz-heading5FontSizeSuffix: undefined;

--brz-heading5FontWeight: 700;

--brz-heading5LetterSpacing: 0px;

--brz-heading5LineHeight: 1.5;

--brz-heading5MobileFontSize: 16px;

--brz-heading5MobileFontWeight: 700;

--brz-heading5MobileLetterSpacing: 0px;

--brz-heading5MobileLineHeight: 1.5;

--brz-heading5TabletFontSize: 18px;

--brz-heading5TabletFontWeight: 700;

--brz-heading5TabletLetterSpacing: 0px;

--brz-heading5TabletLineHeight: 1.5;

--brz-heading5StoryFontSize: 4.6000000000000005%;

--brz-heading6FontFamily: Merriweather, serif;

--brz-heading6FontFamilyType: google;

--brz-heading6FontSize: 17px;

--brz-heading6FontSizeSuffix: undefined;

--brz-heading6FontWeight: 700;

--brz-heading6LetterSpacing: 0px;

--brz-heading6LineHeight: 1.5;

--brz-heading6MobileFontSize: 15px;

--brz-heading6MobileFontWeight: 700;

--brz-heading6MobileLetterSpacing: 0px;

--brz-heading6MobileLineHeight: 1.4;

--brz-heading6TabletFontSize: 16px;

--brz-heading6TabletFontWeight: 700;

--brz-heading6TabletLetterSpacing: 0px;

--brz-heading6TabletLineHeight: 1.5;

--brz-heading6StoryFontSize: 3.91%;

--brz-buttonFontFamily: Roboto, sans-serif;

--brz-buttonFontFamilyType: google;

--brz-buttonFontSize: 15px;

--brz-buttonFontSizeSuffix: undefined;

--brz-buttonFontWeight: 700;

--brz-buttonLetterSpacing: 0px;

--brz-buttonLineHeight: 1.5;

--brz-buttonMobileFontSize: 15px;

--brz-buttonMobileFontWeight: 700;

--brz-buttonMobileLetterSpacing: 0px;

--brz-buttonMobileLineHeight: 1.5;

--brz-buttonTabletFontSize: 15px;

--brz-buttonTabletFontWeight: 700;

--brz-buttonTabletLetterSpacing: 0px;

--brz-buttonTabletLineHeight: 1.5;

--brz-buttonStoryFontSize: 3.45%;
}
0

Please sign in to leave a comment.

Comments

Didn't find what you were looking for?