-
Posts
-
Hi,
i would like to change the font-size on some H2 tags on some pages (not globally).
I know, this should be possible with adding an id, but how can i do that?Kind regards Jak
not all Advanced Layout Builder Elements ( ALB Elements ) have that input field for IDs – but most of them got the possibility to have classes.
If you haven’t already activated that fields – goto Enfold Options Page and look at: Layout Builder – mark : “Show element options for developers”
From that on you will have that extra input field on the ALB Elements.Now the css code depends on the heading you like to change.
Are these headings from the headings ALB or h2 on sliders etc. pp.Best would be to see the live page to give better advice.
Hi Guenni,
thanks for your fast reply. Is it possible to add the id to the text in the html view of the texteditor. This would be the easiest way for me.
Please let me know what i have to add to the editor and what code to the quick css?kind regards Jak
so you have set on text ALB Element in your text some h2 .
The best way could be to change to text view – then you see the tags set in html view.you text may look like:
<h2> some heading inside </h2>you can change it to:
<h2 style="custom-class"> some heading inside </h2>then you can put in your quick css :
h2.custom-class { font-size:2em }Hi Guenni,
i added this to my html text:
<h2 class=”custom-h2″>Artikel zur Gesprächshypnose:</h2>and this to quick css:
h2.custom-h2 {
font-size:20px ;
line-height:1.4em ;
}but it’s not effecting it?
kind regards Jak
mal von der Gesprächshypnose ausgehend, werde ich fortan dir besser in deutsch antworten.
manchmal sind im css definitionen durch mehr selektoren höher in ihrem Gewicht.
heißt: wenn da eine Definition zu h2 existiert: .responsive #top .av-heading h2 etc dann ist die gewichtiger als deine h2.custom-h2
du kannst das immer durchsetzen, indem du den merkmalen ein !important gibst:h2.custom-h2 { font-size:20px !important ; line-height:1.4em !important ; }was auch sein kann: du hast bei Enfold das Merging aktiviert ( ist bei Performance ( leistung))
das Merging ist oft dafür Verantwortlich, dass man Veränderungen nicht direkt sieht.
Daher meine Empfehlung: solange man am Styling bastelt das teil abschalten.
( unten kann man aber auch das Neugenerieren durch löschen des bestehenden veranlassen)
“Delete old CSS and JS files?”Hi Guenni,
funktioniert wunderbar!
Vielen herzlichen Dank!
Noch eine andere Frage: Ich habe im Menue die html-Attribute eingestellt. Leider werden die bei mir nicht angezeigt. Wie kann ich die anzeigen lassen?
LG Jak
Hi Guenni,
wenn ich in die Menüeinstellungen gehe, kann ich den “angezeigten Namen” und ein “HTML-Attribut title (optional)” eingeben.
Das HTML-Attribut title (optional) sollte dann bei Mouseover auf dem Menü im Frontend angezeigt werden. Wird es aber leider nicht?LG Jak
Das Title Attribute geht immer auf den anchor – beim Hovern zeigt dann der Browser meist einen Tooltip an, indem das Title Attribute gezeigt wird.
Das Title Attribute ist nur im DOM zu sehen. Was soll wo angezeigt werden?Übrigens die Description wird bei vielen Navigationen mit angezeigt. Die ist bei Enfold im Hauptmenu Normalansicht via:
.avia-menu-subtext, #top .sub-menu .avia-menu-subtext { display: none; }nicht sichtbar. Im Hamburger Menu wird Sie allerdings angezeigt.
Und du bist dir sicher, dass du auch bei dem Menu speichern gedrückt hast? (Save Menu)
das mit dem Line break hatte ich falsch verstanden.
lies also direkt hier weiter: https://kriesi.at/support/topic/how-to-make-a-linebreak-in-icon-box-text/#post-1127604Hallo Guenni,
dann habe ich etwas durcheinander gebracht. Ich würde gerne den Tooltip beim Hovern über die Menuepunkte anzeigen lassen. Leider wird der Tooltip nicht angezeigt. Kann ich das irgendwie einstellen?
LG Jak
- You must be logged in to reply to this topic.