with body font-size you like to influence the normal content font size:
you got in your child-theme css this:

#top .all_colors p {
    font-size: 14px;
}

body#top is not as specific as #top .all_colors p

– so try to change this value – or get rid of that rule that enfold options settings can take effect

by the way: you set on some elements inline-style font-sizes ( see f.e. investigators text set to 25px ) this has to be adjusted too – or deleted as inline style

It’s perfectly legitimate to ask, but it’s also the right of the developers here not to have to offer everything shown on their sites. Especially since it is not an ALB element. A quick look at the Developer Tools would have shown you that it is not a special element, but simply inserted as HTML code into a text block element.

I wouldn’t have said anything if you hadn’t unpacked the card with the umpteen licenses.
So – for me that’s said enough now. Since you are able to build it, everything is ok.

For someone who already owns so many licenses – one should be able to assume that he/she can use the Developer Tools.

Everything is in the code – and at the Kriesi page not even merged, so that e.g. the kriesi.js is open for examination.
On DOM you see what is necessary to have – and even that it is not an alb element but inserted to a text-block alb.

You can see main inserted div with class: avia-principles ( be carefull there are two classes sounds very similar – and both are needed : avia-principles and avia-priciple). You can find via search on the css one after the other.
So a man who produces one installation after another should know how to copy and paste things.

the code is so far correct – then i have to inspect the dom and css : either you post a link here so that I can check why this is so, or you have to leave the corresponding data for the mods in the private content – and wait til they find your post

you can see here a little guidance on how to use for example a png as social icon and use it like the others:
https://kriesi.at/support/topic/adding-custom-social-icons-3/#post-934964

so if that was the code above you want to use – you implemented that new icon by f.e.:

function avia_add_custom_social_icon($icons) {
    $icons['BookBub'] = 'bookbubicon';
    return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

just invert the gray parts to white or very light colors f.e.
click on the image to enlarge the logo to see on dark background:

is there a page to see that ?

nun zum einen ist das mit dem padding-top nicht korrekt , aber auch die page-id stimmt nicht:

.page-id-575 .mfp-iframe-holder .mfp-content {
 line-height:0;
 width:20 %;
 max-width:300px
}
.page-id-575 .mfp-iframe-scaler {
 padding-top:135%
}

es wäre schön, wenn die leute die Helfen sollen, auch gut an die Developer tools kämen. Von daher wäre es gut wenn man den Kontext Menu schutz für die Zeit deaktiviert. Es hält ohnehin keinen davon ab diese trotzdem einzusetzen.

Danke

ist es flüchtigkeit beim einsetzen deines Codes hier an Board oder fehlt wirklich bei der ersten Regel der Punkt for der Page-ID ?

.page-id-495 .mfp-iframe-holder .mfp-content {
line-height: 0;
width: 50 %;
max-width: 600px;
}

the thing is not that the 3/5 container does not what you like to have the point is that the background-image and the container does not do what you intend to have.
The above gives you the possibility to have a responsive Color-section – but you have to make adjustments to have content that fits into the smaller section

so my recommendation : use the fullwidth easy slider – it starts from the beginning with responsiveness. – and even the content is prepared for that.

you don’t need to find a relative font-size like the code above does with screen width relation – each slide got his own screen behavior to adjust for smaller screens :

the classes have some fuctions – but i do not want to describe the way if it fits not your needs.

One div is an ID and this will be more weight on selector as three classes !
you can test this here if you click afterwards on : “Sort by specifity” you wlll see – https://specificity.keegan.st/

so if the original rule has one div in it – you can not overwrite the rule with 10 classes ;)

#top .avia-post-nav {
	display: none !important;
}

• This reply was modified 6 years, 3 months ago by Guenni007.

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-1127604

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.

Oh very sorry – but i misread your request. A line break not in a word you mean between words

just set it manually by
first line <br>next line

the br stays visible on backend and is editable – not like the things mentioned above