Hi,
Opps, my mistake it’s Enfold Theme Options ▸ General Styling ▸ Heading Font

Best regards,
Mike

Hi,
I’m not seeing it when I check, please clear your browser cache and check.
Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Thanks for the login, I found that your server doesn’t have PHP ZipArchive Extension enabled:

But I was able to manually import the demo and the theme settings from my demo site, your site now looks like the demo, please check.

Best regards,
Mike

Hi,
Glad to hear that the Mailchimp sidebar widget is sorted out, but unfortunately CSS & JS merging doesn’t seem to be occurring, I’m not sure what could be causing this so I have asked the rest of the team if they have any ideas.
In the meanwhile, I don’t see any reference to you trying to disable all of your plugins and check if that resolves, if you have not tried this yet please do so that we have ruled out this possibility.
If this does correct the CSS & JS merging, please enable the plugins one at a time a check until the error occurs again.
Thank you for your patience.

Best regards,
Mike

Hi,
When I check the Mailchimp sidebar widget is showing for me with no errors, please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Thanks for your question, but we don’t have a built-in way to do this but you can try adding this javascript to the end of your child theme functions.php file in Appearance ▸ Editor:

function add_nofollow_to_external_links() { ?>
  <script>
function myFunction() {
var x = document.getElementsByTagName("a");
var i;
for (i = 0; i < x.length; i++) {
if (location.hostname!=x[i].hostname){
x[i].rel = "nofollow";
x[i].target = "_blank";
x[i].title = "Click to open in new window";
}}}
mft=setTimeout("myFunction()",0);
function LoadEvent(func){
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
}
else{
window.onload = function()
{
if(oldonload)
{oldonload();}
func();}}}
LoadEvent(function(){
myFunction();
});
</script>
  <?php
}
add_action('wp_footer', 'add_nofollow_to_external_links');

In my test this works with buttons, images and text links
Source: How To Make All External Links No-follow Using JavaScript

Best regards,
Mike

Hi,
Very good, we will look at your other thread.

Best regards,
Mike

Hi,
Thanks for the login, I found that you had a PHP function in your Quick CSS:

add_filter('avf_magazine_excerpt_length','avf_magazine_excerpt_new_lenght', 10, 1);
function avf_magazine_excerpt_new_lenght($excerpt) {
$excerpt = 100;
return $excerpt;
}

I removed this but merging still doesn’t seem to be working, is this site using object-oriented cache such as Memcached, Redis, Varnish, Litespeed, etc. if so please clear the server level cache as the function above may still be in the object cache.

Best regards,
Mike

Hey delmonte,
Thanks for your question but unfortunately you will need to change the order of your form to do this.

Best regards,
Mike

Hi,
Thank you for your patience and the link to the GitHub project, I first noticed that the project has an option to define a button on line 72 by adding the attribute to the shortcode like this:
[mfp_post_popup post_slug_id="3460" popup_id="1" link_text="Popup Button" button="true"]
in the project on line 105 you will see it has an image attribute image_link so it will allow an image like this:
[mfp_post_popup post_slug_id="3460" popup_id="2" link_text="" image_link="/wp-content/uploads/2015/07/portfolio-2-2-260x185.jpg"]
notice the link_text=”” is empty for the image, without the empty attribute the default is “Click Me”

Now considering that your goal is:

to create a portfolio page style by clicking on the image from the main page, then loading the pop-up window in which more detailed information is shown as a scrolling popup window.

I tested this GitHub project on some portfolio items and found that full width elements break it and display some the target page below the footer on the trigger page, it works fine if the target page has no full width elements.

If you are going to have full width elements on the target page why not just use a button or image with ?iframe=true in the link?

you could use css like this to make the lightbox larger:

.mfp-iframe-scaler {
    width: 100% !important;
    max-width: 100% !important;
    height: 300vh !important;
    max-height: 300vh !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 90vw!important
}

and use the theme options to hide the footer and header on the target page:

So since you want to create a grid of images that link to pages that show in a lightbox, I don’t see an advantage to using this GitHub project to create a grid of shortcodes when you could use the image elements to do it without errors.
Another built-in option would be to use the portfolio ajax, true it’s not a lightbox but it loads the content on the same page.

For the example page you linked to, I didn’t find any lightbox popups on it, each grid image that I clicked loaded a new page, perhaps you meant to link to a different page.

Best regards,
Mike

Hi,
Thank you for the link to your site, I see that you have used custom css to hide the checkout col-2, this is where the shipping information is located.
Please disable your custom css to for the checkout and clear your cache and check again.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
You can add a Horizontal Ruler Separator shorcode in a custom HTML widget in your sidebar, here is an example:

[av_hr class='short' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']

to reduce the padding and margin around the separator use this css in your Quick CSS:

#main .sidebar .widget_custom_html {
	padding: 0;
}
#main .sidebar .widget_custom_html .custom-html-widget .hr-short {
	margin: 0;
}

the expected results:

Best regards,
Mike

Hi,
Guenni007 thank you for sharing, I agree that it is not practical which is unfortunate because for Chrome, Edge, Safari it was a simple and easy css solution.
As you pointed out if the image is a direct child of the background-image container then it works good.

For future readers that want to try this with a code block element that will work in all browsers:

<div>
        <img src="/wp-content/uploads/2022/06/BV-Associates-Banner-Main-1.jpg">
        <img src="/wp-content/uploads/2022/06/badges.jpg" style="position: relative;top: -300px;left: 100px;mix-blend-mode: multiply;">
 </div>

Best regards,
Mike