don’t see your homepage

Well Basilis the web is full of those specificity calculators and explanations about that:
https://css-tricks.com/specifics-on-css-specificity/

see here a calculator: https://specificity.keegan.st/

Interesting thing: the :not pseudo class does not count on that.

try this in quick css:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}

and if you like to influence the font color which is filled in automatically influence both:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #8c8c8c !important;
}

by the way:

it is a socalled user-agent-style-sheet and has nothing to do with any theme / wordpress

this -flextable is indeed a bit confusing.
it is line 800 on Enfold 4.2.4. of columns.php where it is generated

$output .= "<div class='flex_column_table ".avia_sc_columns::$first_atts['min_height']."-flextable ".avia_sc_columns::$first_atts['mobile_breaking']."-flextable' {$margin_style}>";

but i do not see any benefit to have here an additional class: -flextable
but it seems to have something to do with mobile usage

wenn das immer in der Color-section mit der ID : portfolio ist:

#portfolio h1.av-special-heading-tag {
    background-color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    padding: 10px;
}

#portfolio .av-subheading {
    display: inline-block;
    padding: 5px;
    background-color: rgba(255, 99, 0, 0.7);
}

#portfolio .av_icon_caption {
    background-color: rgba(255, 99, 0, 0.7);
    display: inline-block;
    padding: 5px;
}

have you enabled the debug mode on enfold?

If so on new enfold there is on editor mode now an enfold shortcode parser. If you don’t see it you can activate it on top in the screen-options dialog.
There you can set “check enabled on update” – update that page and report if there are some warnings on “Show parser info”

And your font you are desired to have not to be bold is open-sans or a different font?
because you can see it in register-backend-google-fonts.php (enfold/includes/admin) that not all integrated font got the 300 option.
Go and have a look on google fonts if the wanted font has a 300 font-style

link to the google fonts included in enfold: Google Fonts in Enfold

by the way – try it with work-sans ( it has a 100 font-style) if it will work with that font. – if not we had to search a different way why it is not working .

or if you recognize a font-smallness on that spezific font-icon you can try font-size-adjust on all features-mc icons

#top .avia-font-features-mc, body .avia-font-features-mc, html body [data-av_iconfont="features-mc"]::before {
    font-size-adjust: 1.1;
}

Edit: forget about that – cross-browser compatiblity is not given !

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

i would have done it with icons sandalone with caption :

if so i would give to this icon element a custom class – something meaningfull like: spezial-full-icon

than put in your quick css :

.av_font_icon.spezial-full-icon { border: none !important }
.av_font_icon.spezial-full-icon .av-icon-char {  background-color: #f05a1a ;  border-width: 0px }
.spezial-full-icon .av_icon_caption {  color: #000; !important }
.spezial-full-icon [data-av_icon]::before { color: #fff }

see here: https://webers-testseite.de/fullicons/

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

on the most cases the signs are transfered via visual mode to something else for example as you can see here in this line
i typed the & and it will be transformed to &amp with ; see what input field made of it or exclamation marks see difference “abc” and "abc" same with simple exclamation marks etc.

well to get hexagone icons in enfold is not difficult to reach.

here you can get some of the clip-path : https://bennettfeely.com/clippy/

what is to do.

1) give the icon-box or icon-list a meaningful custom class (here it is hexagones)

2) this comes to quick css (yes without the ending e):

.hexagon {
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

3) this comes to functions.php of your child-theme:

function add_class_to_icon() {
?>
<script type="text/javascript">
	  jQuery('.hexagones .iconbox_icon').css( 'border-radius' , '0px' );
          jQuery('.hexagones .iconbox_icon').addClass('hexagon');
	  jQuery('.hexagones .iconlist_icon').css( 'border-radius' , '0px' );
	  jQuery('.hexagones .iconlist_icon').addClass('hexagon');
 </script>
<?php
}
add_action('wp_footer', 'add_class_to_icon');

the clip-path must go to the icon itself. So we had to add the hexagon class to it via addClass

Results: https://webers-testseite.de/hexagons/
The demo https://kriesi.at/themes/enfold-medical/ seems to fit well for you

i recognized that a lot of videos run on easy slider – another advantage is that you have there a choice to setup autoplay, mute and other things.
You can have a link on the whole slide – so f.e . you link to the gallery concerning to the wedding.

i guess you have inserted it to visual mode window of edit field

go and insert it to text mode

with transparency header it works : ✓
wait if no header will work: ✓

see test page with hide header on this site

edit :
Template : no header nor footer ✓. it works. ??

by the way you have to empty your cache.
first i was seeing on my page a title as well – but see now:
https://webers-testseite.de/cynthia/video2/

so this seems to be the correct sequence for it –
?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0

autoplay – is self explanatory
showinfo – is the title
loop – is self explanatory
ecver – enable/disable video suggestions on pause
rel – show at the end or not