Hi,

Thanks for that. First off, could you try updating the theme to the latest version (4.8.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

Hi Mavofa,

Some loss of image data is inevitable when using background images to cover their container element. If you need to place your backgrounds in exact pixel perfect positions, then I think you will need to spend a lot of time on customising them. If you want to try to adjust them using custom CSS, then you can find documentation here: https://www.w3schools.com/css/css_background_image.asp

Best regards,
Rikard

• This reply was modified 4 years, 11 months ago by Rikard.

Hi,

Thanks for that. It looks like you have added another tab since adding the script? The download tab now has a different number, please try the following instead:

<script>
(function($){
function a() {
var download = $('.av-section-tab-title[data-av-tab-section-title="8"]');

download.on('click', function(e) {
e.preventDefault();
window.open(
'YOUR LINK',
'_blank'
);
});
}
a();
})(jQuery);
</script>

Best regards,
Rikard

Hi Arjan,

Thanks for the update. I’ve added this for you in Quick CSS, which changes the break point for Grid Row elements to 100% on all screens below 990 pixels:

@media only screen and (max-width: 990px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
    width: 100%;
    display: block;
}
}

I’m not sure if this is exactly what you are looking for. If not, then please let us know what you would like to change.

Best regards,
Rikard

Hi,

Thanks for the login details. I can’t see anything which would cause that to happen unfortunately. I tried removing all your custom CSS, but the behaviour is still the same after that. I see that your child theme is empty as well, so the problem is likely not coming from there either.

Could you try disabling all plugins, to see if that changes anything please? If not, then please try to upload a fresh version of the theme via FTP.

Best regards,
Rikard

Hi,

Thanks for the login details, and sorry for the late reply. I see that you are running an old version of the theme, could you try to update to the latest version (4.8.1) to see if that helps please? The update to 4.8.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

Hi,

Sorry for the late reply. There nothing like that in the theme by default unfortunately. It looks like your first CSS is applying to all three elements, please try assigning a different class or ID to each of the cards, then update the CSS accordingly.

Best regards,
Rikard

Hi Sebastian,

Thanks for the clarification, and for the screenshot. The workflow you are describing is unfortunately not possible at the moment.

Best regards,
Rikard

Hey kipperfletcher23,

Thanks for the login details, and sorry for the late reply. Are you referring to Enfold demo data, or some other type of import?

Best regards,
Rikard

Hey lachien,

Please try to stick to one problem at a time in the future. Try this in Quick CSS for your first request:

.avia-caption.av-slideshow-caption {
    width: 100%;
    text-align: center;
    height: 100%;
    padding-top: 25%;
}

Best regards,
Rikard

Hi,

Thanks for the screenshots, and sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:

.page-id-8987 .avia-icon-list .iconlist_icon {
    background-color: green;
}

Best regards,
Rikard

Hi,

Thanks for the screenshot, I see the problem now. Please try this in Quick CSS:

span.woocommerce-Price-amount bdi, span.woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-family: 'assistant' !important;
}

Best regards,
Rikard

Hi Peter,

There’s not really anything of value in the private conversation in that thread, did you try to implement the code Yigit posted? If not, then you can try using an Icon Grid element, which is kind of similar.

Best regards,
Rikard

Hi,

Thanks for the update, and for the screenshots. I see the same spacing on desktop as well, could you try to add some bottom padding to the Treatments header, in the Styling tab in the element options?

If you need custom CSS, then you can try something like this in Quick CSS:

.page-id-957 div.av-special-heading-h3 {
  padding-bottom: 15px;
}

Best regards,
Rikard

Hi,

Thanks for the login details, and sorry again for the late reply. The update indication seems to be working as it should now, but when I try to actually update, I get the same error as you did. I’m not sure why that is unfortunately, but I’m guessing that it’s a server setting which is blocking the update.

We can install the new version manually for you instead. If you want us to do that, then please include FTP login details in private as well, and verify that you have backups of the site.

Best regards,
Rikard