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

Hi,

Thanks for the update, and sorry for the late reply. So when exactly does the notice in question appear? Like I wrote before, I can’t see it on either of the pages you linked to. In order to give you an answer, we would have to be able to at least know when and how the notice appears.

Best regards,
Rikard

Hey icphillips,

Sorry for the late reply. Please try this in your functions.php file:

function ava_add_target_blank_masonry() {
?>
<script>
	jQuery(document).ready(function($) {
		$('a.av-masonry-entry').attr('target', '_blank');
	});
</script>
<?php
}
add_action( 'wp_footer', 'ava_add_target_blank_masonry');

Best regards,
Rikard

Hey Nicola,

Sorry for the late reply. The easiest way to achieve that would likely be 3/4 + 1/4 layout, then create custom divs inside the 3/4 layout, in order to apply the background colours. If you need further help with this, then please link to where we can see your layout so far.

Best regards,
Rikard