Hi,

This should help: https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495467

Best regards,
Ismael

Hi,

Thank you for the update.

This css code should help:

#top #header_meta .phone-info {
    position: absolute;
    right: 50px;
    top: 80px;
}

Result:

Best regards,
Ismael

Hi mjrielly,

Thank you for the inquiry.

The issue is that the form element are being affected by the css modification we applied to keep the form fields in a single row. To fix this, apply a custom css class name to the Contact Form element with the single row, then adjust the css rule accordingly.

— https://kriesi.at/support/topic/looking-for-some-styling-help-on-contact-form-with-recaptcha/#post-1496464

Let us know if that resolves it.

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,

Thank you for the update.

You can use the following css to hide the badge message and force all the form elements including the submit button into the same row:

.avia_recaptcha_v3 .av-recaptcha-area,
.avia_recaptcha_v3 .av-google-badge-message {
    display: none;
}

.avia_recaptcha_v3 .form_element {
    display: inline-block;
    width: auto;
    vertical-align: top;
}

Add this to Enfold > General Styling > Quick CSS. Please make sure to purge the cache before testing.

Let us know the result.

Best regards,
Ismael

Hey Philipp Nepraunig,

Thank you for the inquiry.

We are aware of the issue, and a fix will be included in the next patch. In the meantime, you can add the code provided in the following thread to the functions.php file:

— https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495467

Let us know the result.

Best regards,
Ismael

Hey mattb1169,

Thank you for the inquiry.

We are not seeing the widget in the header, only the submenu on the top header. Did you remove the header widget? Please add it again so we can inspect the elements properly.

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

The code you found is too general and will likely affect other elements on the page, not just the portfolio grid.

A cleaner approach is to add a custom css class to your portfolio element and target that instead. You can do this by opening the portfolio element in the layout builder, go to the “Advanced” tab and add a custom class name there (e.g., av-music-portfolio). Then add your spacing rule to Enfold > General Styling > Quick CSS:

#top .av-music-portfolio .isotope-item {
    margin-bottom: 20px;
}

This way the rule only applies to that specific portfolio and nothing else on the site.

For more details on adding custom css classes in Enfold, please refer to the documentation:

— https://kriesi.at/documentation/enfold/add-custom-css/

Let us know if the issue persists.

Best regards,
Ismael

Hey jb84,

There is a 500 internal server error on the file in private while saving the theme options. Why that is I can’t say unfortunately, you would have to share server error logs with us, or reach out to your hosting provider.

The missing styling was likely due to a missing curly bracket at the end of your Quick CSS code:

time.slide-meta-time {
    display: none!important;
}
.av-inner-tab-title {
    font-size: 15px;
    font-weight: bold;
}
#top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(255,255,255,0.8);

Best regards,
Rikard

Hey JannyPolak,

Thank you for the inquiry.

Looks like the Advanced Styling settings may be getting overridden by another css rule, or the styles may be cached. Before anything else, please try to disable the Enfold > Performance > File Compression settings, save, and purge your cache, then check again.

If the styling still doesn’t apply, you can force the font and text-transform for the main nav links with this custom css added on the Enfold > General Styling > Quick CSS field:

#top .av-main-nav > li > a > .avia-menu-text {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

Make sure Josefin Sans is loaded on your site. If you’re using it via Enfold > Advanced Styling, it should already be enqueued. If not, you may need to select it under Enfold > General Styling > Fonts.

Please make sure to purge the cache before testing.

Let us know if the issue persists.

Best regards,
Ismael

Hey Elena,
It looks like you want the font size to be 14px, but you have a Advanced Styling set to 18px which overrides it:

Since this size is for your whole site, try this css just for the testimonials:

#top .all_colors .avia-testimonial-content p em {
    font-size: 14px;
} 

Best regards,
Mike

Hi,
Thanks for your patience, but I’m getting this Error: This password does not match the username please check.
When I check your page: dissolvurol.com/algicuivre-test
The according is orange on mouse over on firefox & edge & brave, as I understand this is the correct behavior.
On the same page the banner special heading text is Kaki (#fadaa3) the background is #016471, but I do not know which page has the top banner with “la gamme” which should have a kaki background.

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

Hey Rustum,
My research points that you must Duplicate Your Slider for Each Language by going to LayerSlider WP > All Sliders and click the “Duplicate” button for your original slider. Create a separate slider instance for each language you want to support. Then open each duplicated slider and modify the layer links to point to the appropriate pages in that specific language.
Links added in Layer Settings > Link may not translate automatically on the front end, which is why the duplication approach is necessary.
Please note that we are not the authors of the Layerslider and are limited in our knowledge of this topic, here is the official Layerslider support, perhaps they will have a better solution.

Best regards,
Mike

Hi,
On desktop I see that you have three grid rows with a HR in between each of them. On mobile you have the three grid rows and HRs hidden, but since the HRs are after the grid rows they create a after_grid_row container which is not hidden.
Try this css to hide the containers on mobile.

@media only screen and (max-width: 479px) {
   .page-id-31 #after_grid_row_1,.page-id-31 #after_grid_row_2,.page-id-31 #after_grid_row_3 {
        display: none !important;
    }
} 

Best regards,
Mike

Hey Advantage09,

Thank you for the inquiry.

After reviewing the page, we can see that there are three Separator/White Space elements placed below the Grid Row element. These are causing the large gap on mobile.

You have two options to fix this:

1. Remove the three Separator/White Space elements entirely if they are not needed.
2. Keep them but set their visibility to desktop only. You can do this by editing each Separator element, going to Advanced > Responsive, and adjusting the Element Visibility setting so they only show on desktop.

Please make sure to purge the cache before testing. Let us know the result.

Best regards,
Ismael