Hey kilimats,
Please see https://kriesi.at/support/topic/autoplay-self-hosted-videos/#post-183985

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey anma,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) {
#top #wrap_all .av-inherit-size .av-special-heading-tag {
    padding-top: 50px!important; 
}}

Best regards,
Mike

Hey wescrete,
Try this code in the General Styling > Quick CSS field:

.team-img-container img {width: 50%!important; }

Feel free to adjust the size to suit :)

Best regards,
Mike

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

Hey Horea,
Try this code in the General Styling > Quick CSS field:

::-webkit-input-placeholder {
    color:    #fff !important;
}
:-moz-placeholder {
    color:    #fff !important;
}
::-moz-placeholder {
    color:    #fff !important;
}
:-ms-input-placeholder {
    color:    #fff !important;
}

Best regards,
Mike

Hi,
Here’s a stab at it, but I’m really not sure if I’m targeting it right, for example, #av_section_6 is in your footer with the 3 widgets, if I make the area transparent the widget text is hard to read. Perhaps a screenshot would help us target the right areas :)

#av_section_2, #av_section_4, #av_section_6 {
background-color:transparent!important;
}

Best regards,
Mike

Hey Gal726,
Please go to Enfold->Header->Mobile Menu and select to show the mobile menu for tablets as well.
Or you can use the following CSSin the General Styling > Quick CSS field:

@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

Adjust the value 1024 to the pixel value of your liking.

Best regards,
Mike

Hey Jesus,
You can use the Social Share Button Element in the advanced editor: http://kriesi.at/themes/enfold-2017/elements/social-share-buttons/

Best regards,
Mike

Hi,
We could try to make the grid element 100% visual height:

.page-id-1041 .grid-sort-container {height: 100vh!important; }

Best regards,
Mike

Hi,
We will have to write code for each device:

/*iPhone 6 Plus in landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { .av-parallax-inner.main_color.avia-full-stretch {
background-position: -0px 100px !important;
background-size: 200% 105% !important;
}}

/*iPhone 5 & 5S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { .av-parallax-inner.main_color.avia-full-stretch {
background-position: -650px 100px !important;
}}

Over lapping sizes may cause issues, so your first code from last week might need to change to this:

@media only screen and (min-device-width : 569px) 
and(max-width: 736px) {
.av-parallax-inner.main_color.avia-full-stretch {
background-position: -550px 100px !important;
}}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.av-special-heading-tag {background: rgba(0, 0, 0, 0.5)!important; }

Best regards,
Mike

Hi,
Odd, Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
This is strange, I tried different categories at different sizes and could not find a difference. Could you add some screenshots so we can try to duplicate the issue?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike