Hi,

Thanks for the update. Please try the following CSS as well:

@media only screen and (max-width: 767px) {
.slideshow_align_caption h2.avia-caption-title {
    font-size: 30px;
}

.slideshow_align_caption a.avia-slideshow-button {
    margin-top: 5px;
    font-size: 16px !important; 
}
}

Best regards,
Rikard

Hi,

You should be able to achieve something similar with the Gallery element. You can chose your preferred styling in the Gallery Style option.

Best regards,
Rikard

Hi,

Thanks for that. I’m seeing the logo flush to the right edge, but if you want to adjust it a bit, then please try this CSS as well:

.html_header_top #top .av_logo_right .logo {
    right: 20px;
}

Best regards,
Rikard

Hi,

Thanks for the update. So the code is not working on mobile devices, when you add it in a html document outside of WordPress? If so, then the problem is not theme or WordPress related.

Best regards,
Rikard

Hey Andy,

You shouldn’t have to update anything in your child theme, unless you run into problems. The update to 4.9.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

• This reply was modified 2 years, 10 months ago by Rikard.

Hey havi,

You have a strong tag inside of the h3, so that is the styling which is picked up. There’s no styling being applied from the block editor for that tag as far as I can see, so Enfold is not overriding anything.

About the block; I see that the padding is not applying, but I can’t see any styling from the theme overriding it. Which line in which file are you saying is overriding the block setting?

Best regards,
Rikard

Hi,

Thanks for that. The login details you sent are not working though, please check and verify.

Best regards,
Rikard

Hi,

Great, I’m glad that @guenni007 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,

Please see screenshot in private.

Best regards,
Rikard

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 Thomas,

Thanks for reporting this. I’m not sure exactly how to reproduce this though, so a test page would be appreciated. If you have step by step instructions, then we could try to reproduce this ourselves as well.

Best regards,
Rikard

Hey Annemarie,

We haven’t tested that plugin with Enfold unfortunately.

Best regards,
Rikard

Hi,

That might be possible, you can try something like this:

#top .av_header_stretch .container {
  width: 100% !important;
  margin: 0 20px;
}

Best regards,
Rikard

Hi,

I’m sure there is general CSS, but I’m not sure what exactly you are looking to reduce. Maybe you could create a test page and point it out there?

Best regards,
Rikard

Hi,

You can simply change the value in the CSS I sent previously:

#top .av_header_stretch .container {
  width: 1200px !important;
}

Best regards,
Rikard