Hi mediaapps,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi marladesign,

1. Just to clarify, this issue does not show up anymore in the staging site? I have checked it and I don’t see the issue mentioned.

2. Use the advance layout editor option only changes the selected blog page but is not inherited to category or archive pages. However the layout for category pages or archive pages can still be changed with preset options, for example if you want to change it to use a grid, then you can add this in your child theme’s functions.php:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
    if($context == 'archive') $layout = 'blog-grid';
    return $layout;
}

Best regards,
Nikko

Hi BenjaminSpeedtsberg,

I see, please replace #top.single #main .container to #top.single #main > .container_wrap > .container
Let us know if it helps, if it does not help then we’ll need to use a child theme.

Best regards,
Nikko

Hi bonsaimedia,

I’m not really sure because I’m not familiar with the plugin.
I just noticed that the footer gets fixed when the plugin is disabled and that shortcode appears.
So I think, that that grid might be short of closed div, that’s why it’s closing prematurely on the footer.

Best regards,
Nikko

Hi dreamreader,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi bonsaimedia,

Thanks for giving us admin access, I have checked it and the issue is coming from WP Grid Builder, if you try to disable it, the footer becomes fixed.
I think the specific reason might be [wpgb_grid id=”2″], can you try to remove it from the search page and see if it’s gets fixed, if it does, then you can just tweak that specific grid so you don’t need to disable the plugin.

Best regards,
Nikko

Hi Lene,

You can replace transform: translateX(-30%); from -30% to 30%, or just adjust the value as you see fit :)

Best regards,
Nikko

Hi Lene,

1. It is definitely possible with use of CSS. There are two things used here, which is width and padding. I think changing only the padding would be fine:

#top #main .container {
    padding-left: 141px;
    padding-right: 157px;
}

just adjust the values as you see fit.

2. It could help if you want the design to be using the whole width.

3. I think you will need to rework if it’s only the container that you need to make adjustments.

I think what you need to consider is how it would look on different devices for example large desktop screens vs laptop/notebook, if you go fullwidth then 100% would be best case for you, if the design is not scalable to larger screens then having a maximum container width of certain px might be the best to use.

Best regards,
Nikko

Hi vbentertainment,

The reason why it’s not working is because PHP ZipArchive Extension is not enabled.
Please enable PHP ZipArchive Extension and that should fix the issue.
You can verify if it’s enabled or disabled by going to the link in private content.
You can enable it via cPanel here’s a guide on how to enable it: https://bobcares.com/blog/enable-php-zip-extension-cpanel/ or you can request help from your hosting provider to enable this feature and the issue should be fixed.

Best regards,
Nikko

Hi solidt,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top .av-masonry .format-standard .av-inner-masonry-content-pos-content:before {
    content: '\e84b';
    font-family: 'entypo-fontello';
    display: block;
    font-size: 30px;
    line-height: 58px;
    margin: 0 auto 20px auto;
    width: 60px;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    background-color: #f8f8f8;
    border-color: transparent;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: -75px;
}

#top .av-masonry .format-standard:hover .av-inner-masonry-content-pos-content:before {
    opacity: 1;
    background-color: #000000;
    color: #ffffff;
}

Hope it helps.

Best regards,
Nikko

Hi cynkindred,

Can you give us the link to the page mentioned?

Best regards,
Nikko

Hi Jamison Williams,

Yes, it’s possible, please do the following process instead:

First make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/

Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/

Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.

Then register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.

Hope it helps.

Best regards,
Nikko

Hi ElizabethEnglish,

The code provided will only open masonry links in new tab if they are external link.
To change it’s behavior to include all links, please change it to:

function masonry_links () {
?>
<script>
window.addEventListener('DOMContentLoaded', function() {
(function ($) {
    $(document).ready (function () {
        var url = new RegExp(location.host);

        $('.av-masonry-entry').each(function () {
            $(this).attr('target', '_blank');
        });
    });
}) (jQuery);
});
</script>
<?php
}
add_action ('wp_footer', 'masonry_links');

Hope it helps.

Best regards,
Nikko

Hi stephaniebLOS,

To target the blog title only, please use this CSS code:

#top #wrap_all #main h1.post-title {
    color: black;
}

If the code does not seem to work, please go to Enfold (Theme Options) > Performance > CSS File Merging And Compression and select Disable – no CSS file merging and compression and save.
Hope it helps.

Best regards,
Nikko

Hi Lene,

1. Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top .logo {
    transform: translateX(-30%);
}

2. Please add this CSS code:

@media only screen and (max-width:990px) {
  #avia-menu.av-main-nav > li > a {
    padding-left: 25px;
    padding-right: 25px;
  }
}

Hope it helps.

Best regards,
Nikko