 
	
		
		
		
		
			
- 
		AuthorPosts
- 
		
			
				
August 2, 2022 at 10:15 am #1360266Dear support team, I’m currently working on a website where I want to change the font weight for a single heading (only occurs once on the page). 
 The heading is an h2 on the home page and since it is in yellow font and therefore not very legible, I would like to make this heading (unlike all other h2 headings on the website) thicker. The title is as follows: https://meine-achtsammlich.de/home/#wasSo I gave this heading on the page in the developer settings a class designation called “heading” and inserted the following code in the Quick CSS: #top.page-id-2852 h2 .headline { 
 font-weight: 600 !important;
 }Unfortunately this does not work! 
 What and how do I have to change the code so that only this one heading has its own font size?Thank you and best regards, Diana August 2, 2022 at 11:09 am #1360279Hey Diana, The link you posted is not working on my end, please check the URL and post a working one. Best regards, 
 RikardAugust 2, 2022 at 11:12 am #1360281Here again the link: https://meine-achtsamkeit.de/home/#was 
 Hoping it works now.
 Best regards, DianaAugust 2, 2022 at 11:48 am #1360287Hi, Thanks for that. You should be able to use CSS like this: .ueberschrift h2 { font-weight: 100; }But I see that the weight is not changing when I check it in the browser, does the font you are using support other weights? Best regards, 
 RikardAugust 4, 2022 at 9:48 am #1360581Hello Ricard, 
 thank you very much for the code.
 The font ‘Cormorant Garamond’ is integrated locally and has the font weights 300 / 400 / 500 / 600 / 700
 I added an “!important” to your code and now it works!!!.heading h2 { 
 font-weight: 500 !important;
 }Best regards Diana August 4, 2022 at 10:44 am #1360596
- 
		AuthorPosts
- You must be logged in to reply to this topic.
