you have defined it in the optionsdialog of the color section a color-section overlay – to background-color : black ( #000). with an opacity at 0.2
that causes in a light gray.

by the way the dimension of videos in a lightbox is a bit different !

f.e:

.mfp-iframe-scaler {
    width: 80vw;
    padding-top: 45vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%) !important;
}

80:45 = 16:9

• This reply was modified 7 years, 11 months ago by Guenni007.

look to your transparency options if you have inserted a logo there.

PS : ich kann es nicht nachvollziehen, bei mir haben die oberen Bilder keine Linkfunktionalität wenn ich es anwähle ? !!
https://webers-testseite.de/galerie/

Many thanks for that info!

Danke vielmals – !

By the way – those who uses such Autoresponder E-Mails for some advertisements colide with german law too:

https://kirmse.eu/auto-responder-als-e-mail-spam/

Keinerlei Werbung also in die E-Mails mit hineinpacken. !

if you are satisfied with a 50% shrink – do not set up the max-height of your logo with absolute height but with relative:

.logo img {
    max-height: 200% !important;
}

this thread is nearly what you like to obtain: https://kriesi.at/support/topic/please-help-for-a-cool-header-design/
on that solution i changed a bit the code of shrink_fix.js file – you all can read in pastebin . – But thread is old so my test page has gone.

But on his page you can see the result: https://www.artig.st/ (hope it is ok to post this here – because on his screens you can see the url too)

You see logo is overlapping and is shrinking on scroll down

by the way: the rule comes from shortcodes.css line 2511 and there is a space between the two classes – which is on my opinion wrong.

The functions.php is a central part of every wordpress theme. And it is allmost in root directory of the theme.
On Enfold it is supported through functions-enfold.php. – The child-theme functions.php only ( its possible to overwrite things in parent-theme but) complements ( adds, expanding ) some functions.

so – are you using the enfold theme with a child-theme? That is important – and has a lot of advantages.
https://kriesi.at/documentation/enfold/using-a-child-theme/

the prebuild child-theme of enfold comes with an empty (only some comments are in it) functions.php .
This is always the case if you find here some snippets to obtain some customisations.

If you have installed a child-theme and activated it all benefits of the parent-theme are there but to bring some new code to it which does not go away on updates this functions.php is needed.
You can than edit it via ftp or via dashboard – appearance – editor
on the right side there are the (on start) two files in the child theme : style.css and functions.php
the mentioned code above comes to this place!

Feel free to ask if there is something you don’t understand

did you see that the code is a bit different? i add before a class to only the iconbox which has an anchor element as descendant gets the pointer!

to your timeline:

.main_color .avia-icon-list .iconlist-timeline {
    border-color: #3E5EA7
}

you have behind the color an exclamation mark – maybe a rest of an important ?

.main_color .avia-icon-list .iconlist-timeline {
    border-color: #3E5EA7 !important
}

there is no need to have a spacebar between so it could be #3E5EA7!important as well – so maybe you copy/paste the mark with the hexcode.

The test page has disappeared due to lack of interest

you can login to your admin area? Thats what you mean if you say : control panel?
Are you working with a child-theme?
Have you installed caching tools? – Did you cleared your Cache of the browser?

if you don’t like the infinite loop you can add an iteration count (don’t forget the webkit opiton)
you can play with these settings (ask google) and always insert it with -webkit option too !

#layerslider_25 .ls-bg {
    opacity: 1;
    -webkit-animation-name: fadeanimation;
    animation-name: fadeanimation;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

so if you only want to make it once you can take the code instead of infinite:

#layerslider_25 .ls-bg {
    opacity: 1;
    -webkit-animation: fadeanimation 10s infinite;
    animation: fadeanimation 10s 1;
}

zunächst könntest du mal im Dashboard die Sprache auf formal Sie umstellen.

Dann könntest du aber auch eigene Übersetzungsdateien auf Basis der bestehenden im Child-Themes folder und bindest diese so
via functions.php deines Child-Themes ein

Die Spachfiles sind immer im Paar vorhanden. po / mo files die sind im enfold/lang folder nimm gleich als Kopie dann schon mal die
de_DE_formal.po und de_DE_formal.mo und kopiere die in den child-theme/lang folder ( Erstelle den wenn er nicht da ist)

function overwrite_language_file_child_theme() {
    $lang = get_stylesheet_directory().'/lang';
    return $lang;
}
add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');

jetzt kannst du nach herzenslust und laune diese Datei (po) mit zB poedit (freeware) öffnen und bearbeiten.
Diese Dateien gehen dann auch bei einem Update nicht mehr verloren.

• This reply was modified 8 years ago by Guenni007.

sorry i’m concerning to your Supplementary question with the testimonial. here
I see now that you like to have the name under the images.
So the rest of the code above stayes for the little arrow: –
and i dont know whay you have made the image container bigger without the image. So it is not centered
So either you increase the image size to 200px x 200px or go back to the original 180px x 180px – code for both is:

.avia-slider-testimonials .avia-testimonial-meta {
    margin: 20px 0 0 0;
}

.avia-slider-testimonials .avia-testimonial-arrow-wrap {
    left: 50%;
    transform: translateX(-50%);
    top: -21px;
    width: 30px;
    height: 30px;
}

.avia-testimonial-arrow-wrap .avia-arrow {
    height: 20px;
    width: 20px;
    top: -14px;
    margin-left: -10px;
}

.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
    width: 180px !important;
    height: 180px !important;
}

and by the way: the galleries are now av_section_4 and av_section_9
if you make the screen small – the section 4 goes too in a one column and this seems to look good if both 4 and 9 are the same

• This reply was modified 8 years ago by Guenni007.