Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey daves1997,

Please check under Enfold->General Styling->Typography.

Best regards,
Rikard

Hi,
Thank you for your patience, I was not able to figure out what the conflict was and I was not able to recreate it on my test site, so in the interest in solving this for you I disabled the Main Menu Indicator in the Enfold Theme Options ▸ Advanced Styling ▸ Main Menu Indicator:

and wrote this css for your site and added it to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#avia-menu .menu-item-top-level.current_page_parent .avia-menu-fx,
#avia-menu .menu-item-top-level.current_page_item .avia-menu-fx {
background-color: #a83331;
color: #ffffff;
border-color: #861110;
opacity: 1;
visibility: visible;
}

Now all of your main menu items have the correct Menu Indicator when on the page or it’s sub-menu item anchor.
Please clear your browser cache and check.

Best regards,
Mike

Hey giannicolasicola,

Which changes in specific are you referring to? You might have to toggle the option to delete the old CSS and JS files under Enfold->Performance.

Best regards,
Rikard

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi marcomila,

This thread is 7 years old. Please open a new thread and try to explain your intentions a bit further. I’ll close this thread for now.

Best regards,
Rikard

Hi,

Thank you for the info.

The changes are not working because the advanced styling for the h3 element overrides the custom css. Try to use a more specific selector, or replace the previous css with the following code.

#top #wrap_all #main .avia-form-success {
    font-family: 'montserrat';
    font-size: 18px;
    background: transparent;
    color: red;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi Peter,

Thanks for the update.

Where can we check the contact form? Please post the site URL in the private field so that we can check the modification further. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings while editing the site.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Did you enable the cookie consent messages from Privacy & Cookies panel? The notification or error occurs because the Default Cookie Behaviour is probably set to the third or fourth option. These options give users the option to manually allow external services such as the map in the privacy modal popup window or within the privacy page. The services will not load without user permission.

Please check the following documentation for more info about the privacy options.

// https://kriesi.at/documentation/enfold/privacy-cookies/

Best regards,
Ismael

Hi,

Thank you for the info.

It seems to be an issue with the file compression settings. Please go to the Enfold > Performance panel, then temporarily disable the File Compression settings, both css and scripts. Let us know if the issue persists after deactivating the options.

Best regards,
Ismael

Hi,
Thank you for the link to your site and the screenshot, please try this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field

#top #main .bookly-js-count-control ~ input[type="text"] {
	display: inline-block;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hey ewebbdesigns,
Thanks for the link to your example page, I see the box-shadow:

this is the css that creates it:

.partners {
    background-color: #FAFAFA;
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 20%) inset;
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%) inset;
}

since you want it in so many different places I would recommend adding a custom class to each element that you want it to show below, but I can’t see your site because the link doesn’t go to it, so please link directly to it.
Please see our documentation for adding a custom class and try adding the above css, if you need further help please include an admin login in the Private Content area and we can help will some step-by-step instructions for you to address all of your elements.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike