Hi,

Thank you for the info.

Looks like the other slides still have the default h2 styles, not the styles set in the Styling > Font Sizes panel.

This is the custom style of one of the slides, configured in the Styling > Font Sizes.

#top #wrap_all .avia-slideshow .av-slideshow-caption.av-lhewf3ia-c0fce5f319dd1be36b426af6eda71d3c__7 .avia-caption-title {
    font-size: 36px;
}

And this is the default h2 style, which is still applied to some of the slider items.

#top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
    font-size: 15px;
    font-family: 'arial', Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

Please check the slider settings, then toggle or temporarily disable the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hi,

Thank you for following up.

The modified file is still not loading. The changes are done around line 53, but it is not reflected in the file above.

vimeo: {
    index: 'vimeo.com/',
    id: function(url) {

        // fetch the id
        // https://kriesi.at/support/topic/vimeo-popup-inline-text-anchor-link-does-not-work/
        var m = url.match(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([a-z]*\/)*([0-9]{6,11})\/(\w{6,11})[?]?.*/), id, params;
        if( !m || !m[5] )
        {
            return null;
        }

        var id2 = !m[6] ? "" : "/" + m[6];
        id = m[5];

        //fetch params
        params = url.split('?');
        params = params[1];

        return id + id2 + '?' + params;
    },
    src: '//player.vimeo.com/video/%id%'
}

Best regards,
Ismael

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

Hey paoluccimarketing2015,

Thank you for the inquiry.

Yes, this should be possible. Insert a color section in the editor, apply the initial background color to it in the Styling tab, then go to the Advanced > Developer Settings toggle. Add the following class names in the Custom CSS Class field.

av-dynamic-color-section av-animated-when-almost-visible

In the Quick CSS field, add this css code.

#top .av-dynamic-color-section {
  opacity: 1;
  transition: all 1s;
}

#top .av-dynamic-color-section.av-animated-when-almost-visible.avia_start_delayed_animation {
  opacity: 1;
  background-color: red;
}

You can customize the transition background color in the second css rule above, which is set to the default red. The effect is much more visible when you add content above the color section or when the color section is located below the fold.

Best regards,
Ismael

Hey,

That is because you inserted the custom CSS code into the custom CSS field. You should insert the custom CSS class in there, as I showed in the screenshot: https://i.imgur.com/okZdq6l.png.

After that, you should add the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling:

#top .custom-class { font-weight: bold; }

Regards,
Yigit

Hey Stilecatalini,

Please stop creating duplicate threads: https://kriesi.at/support/topic/contact-form-2/.

Best regards,
Yigit

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,

I’m glad that we 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,

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

Hello,

You can go to Appearance > Menus, click the Screen Option on the top right corner, and check the CSS Classes option ( https://i.imgur.com/2d9bwAS.png ). Then, you can select your ENG menu item, give it a custom CSS class ( https://i.imgur.com/okZdq6l.png ), and add the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling to display it in bold:

#top .custom-class { font-weight: bold; }

Best regards,
Yigit

Hi,

I already provided you with custom CSS code for that here https://kriesi.at/support/topic/widget-image-dimensions-only-phone/#post-1419863.

If it’s not working correctly, there might be an error in your CSS. You can check for errors using this site http://csslint.net/ and correct them. After that it should work as expected.

Cheers!
Yigit

Hey,

Both the logos in the header and footer are 250x48px. The only difference is the one in the footer has 10px top and bottom margins. Attached a screenshot in the private content field.

Best regards,
Yigit

Hey,

Please stop creating duplicated threads: https://kriesi.at/support/topic/logo-too-big/.

Best regards,
Yigit