Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

We are able to disable the autoplay option for the second vimeo video. The background video of the color section is now playing automatically on page load. Again, please make sure to remove all cookies from the browser and perform a hard refresh before testing the page.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

song into a colorsection but there is no sound.

This is the default behavior of background videos in a color section, otherwise the browser will not automatically play the video due to their policy. Please note that only muted videos are allowed to play automatically on page load.

// https://developer.chrome.com/blog/autoplay/

If you want to test it, you can try the modification that we provided in the following thread.

// https://kriesi.at/support/topic/background-video-in-color-section-is-mute/#post-1270596

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey gfriend70,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .header_color .social_bookmarks a {
	color: #fff;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I’m not sure that I’m understanding what you are trying to achieve this this css, is it for a different page?
The homepage that we are looking at doesn’t use the class portfolio-item, the portfolio items are displayed in a masonry element so the correct class would be av-masonry-entry
But you would not want to remove the pointer event for all screen sizes because then on desktop the titles won’t show because the hover event has been removed.
Since currently the titles show up to 986px you could use this css:

@media only screen and (max-width: 986px) { 
.av-masonry-entry {
pointer-events: none;
}
}

but then you are preventing people from clicking though to your portfolio content, so I don’t understand why you would want to do that.
Perhaps you are refuring to a completely different topic, if so perhaps a new thread would be better and we will try to finish this thread.
I think that I have lost track were we are at in this thread, please let us know.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the inquiry.

It seems to be working correctly on our end. Have you tried disabling the Enfold > Performance > File Compression settings temporarily? If the issue persist, please try this css code.

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

Best regards,
Ismael

Hi,

Thank you for your patience

Your only option for now is to use the avf_allow_drag_drop filter to adjust which user roles can interact with the builder elements. However, it’s still not possible to restrict access only for CET. Usage examples can be found in the following threads

// https://kriesi.at/support/topic/shop-manager-user-role-permissions/#post-1370646
// https://kriesi.at/support/topic/alb-does-not-work-with-user-role-editor/#post-1293830

Best regards,
Ismael

Hey Celeranttechnologycorp,

Thank you for the inquiry.

You can add this css code to adjust the style of the button. Make sure to replace the Youtube icon with the Play or Right Arrow icon.

#top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button {
    border-radius: 10px !important;
    line-height: 1em !important;
}

#top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button .avia_button_icon {
    font-size: 1.5em;
    left: 1em;
    background: #ffffff;
    border-radius: 200%;
    color: red;
    padding: 5px;
}

#top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button .avia_iconbox_title {
    top: -4px;
}

Unfortunately, you cannot add different css class names for the items in a button row element.

Best regards,
Ismael

Hi,
Thanks for the link to your page, I think the solution will need to have the hotspots only show on click, not on hover like it is now. Will that be ok?
I’m thinking that this script could be modified to also allow the right side links to also open the tooltips, please include and admin login so we can try.
What is your plan for mobile devices? Currently below 767px the tooltips are displayed below the image and do not popup, are you going to keep it like this?

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Günter and Günter could help you out :-)

Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

The video below “Erlebt Spannung und Abenteuer pur” is still set to autoplay. We tried to adjust it but we can’t update the page for some reason. Please disable the Content > Player Settings > Enable autoplay option, and make sure the cookies in your browser’s local storage are removed before testing the page again.

Best regards,
Ismael

Hey,

Try adding the following CSS code to your custom CSS:

#top .av-burger-overlay-inner, #top .av-burger-overlay-bg {
min-height: unset !important;
}

Regards,
Yigit