Hi Amelia

I am styling service description in html mode like so:

<h1 class="am-service-heading">Området</h1>

In my css I have custom code and it will not kick in, so how do I get this working for H1 through 9, P tags etc:

#.am-fcis__info-service__desc h1.am-service-heading {
font-size: 4rem !important;
color: red;
}

I have tried the simple hook I added, the div amelia has as container around it, with space, without space, with h1 and without.

Will Wordpress variables work as size and color?

2) Could you enlighten how custom font works. Theme has default fonts, and I just want Amelia to tag into those to use local fonts....

Thx

Hi Stefan

1) I read your manual regarding custom fonts. I have hooked into "Manrope" that Twenty Twenty Five theme offers and it worked really well thx. As this is a global one-time setting problem is sorted. That said, I do not get why you apply Amelia fonts as default as you detach from the theme itself off the bat. Just grab themes default font as a variable and this setting needs no attention. A php check of Wordpress fonts. If one is used for headings and another for paragraphs, then go with that.

2) For my service description I have this as html for now (Txt danish):

<h1 class="am-service-heading">Festsalen, Bindesbøll</h1>
<h2 class="am-service-heading">Området</h2>
<p>Midt i Risskovs "Bindesbøll Byen" finder du renæssancebyen Bindesbøll med brobelagte stræder og smukke gavlmotiver i Gottlieb Bindesbølls anlæg. Bindesbølls lokation i første række til parkanlægget og Risskov strandpark er selvsagt den helt ekstaordinære ramme for enhver setting</p>
<h2>Festsalen</h2>
<p>Vores billedgalleri over denne ekstraordinære sal siger mere end vi kan beskrive. Renæssancestilen er gennemført fra ankomst til entré i festsalen. Centralt beliggende i Bindesbølls fredede hovedbygning med direkte udsigt til parkanlægget tilbydes disse rammer til kulturarrangementer for Risskov.</p>
<p>Bindesbøll festsal omfatter renaissance selskabslokale ornamenteret med stuk, søjler og egetræ sildebensparket. Belysning er arrangeret og tilapsset til lokalet, med mulighed for delvis positionslys. Salen har tre tætsprossede store vinduespartier mod parkanlægget.</p>
<h2>Damesalen</h2>
<p>Udover festsalen er der direkte adgang til Damesalen med historisk indretning til spisning/møde omkring langbord med plads til 18 personer. Damesalen kan aflukkes fra festsalen og har egen adgang til trappe/entré samt toiletfaciliteter.</p>
<h2></h2>
<h2>Handicap adgang</h2>
<p>Lokalerne er beliggende på 1. sal. Der kan benyttes elevator i opgang nr. 41, men det bemærkes, at adgang til elevatoren sker fra høj stueétage, og at der således skal benyttes udvendig trappe fra terræn til stueplan, for at benytte elevator.</p>

I was hoping the H1 would take on styling from theme TT5, which it doesn't. So I add custom classes and css to style headings etc. This css takes no effect. So why add HTML if stylesheet does not apply styles. I have purged css and also purged all. 

How can I style the HTML in my Description using custom css?

Regarding the paragraph tag. I suspekt Amelia applies a P tag, so when I do the same a dobble p Tag takes effect and adds over-spacing between them, correct?

I hope this clears up confusion

thx

Hi Stefan

I have sorted both 1 and 2 for now. Just wondering why all css must be "!important" to take effect. Also, it appears some css will not kick in at all. Example: font-weight: 300 !important; does nothing. Neither does "thin" as the value.....

If you have documentation on css for Amelia, please refer me to it. Thx.