Hi tck,

I have checked on the site and the theme is really outdated, I would suggest doing the following things.
Create a staging site (basically a duplicate of your live site) where you can test the updates first. Here’s a simple tutorial you can follow: https://themeisle.com/blog/wordpress-staging-site/
Then on the staging site, do the following:
Login to ThemeForest and download the Enfold theme.
1. 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. (skip this on staging site)
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. (skip this on staging site)
If all is good after doing these steps, then backup (helpful links below) your live site and perform the steps listed above.
– https://kriesi.at/documentation/enfold/backup-wordpress-site/
– https://kriesi.at/documentation/enfold/backup-theme-settings/
If there are issues after updating the staging site, you can post here and we’ll check and try to fix it.

Best regards,
Nikko

Hi Kristín Jóna,

Can you try to do the following:
Login to ThemeForest and download the Enfold theme.
1. 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.

@cherrmann thanks for helping out :)

Best regards,
Nikko

Hi hcpost,

So will it from now on work, if I add this CSS text to any button (each time changing the # for the colors). Or do I have to add it to Quick CSS as mybutton b, my button c, my button d etc.?
No, you’ll need to do the following things:
1. Edit the Fullwidth Button and set Custom CSS Class to mybutton (see screenshot in private content).
2. Add this CSS code in Quick CSS:

.mybutton a {     
  background: #b4ddb4;
  background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%);
  background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
  background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); 
}

The a in here refers to the link (this is an HTML standard) that’s why the selector used is .mybutton a
If you want to apply another style to another button then you’ll need to repeat the 2 steps above except you change mybutton to mybutton2 (this can be changed according to the name you’d like to use). Then in the second step, the code would be .mybutton2 a then replace the gradient colors.
If in case you want to reuse this code to another fullwidth button, then you’ll just need to do step 1 (since step 2 is already defined).
For further information on this, please check: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-custom-classes-to-your-elements

And should I still add the CSS text below to functions.php or did you already do it?
I don’t have access to functions.php but since the code seems to only add css, I have added this in your Quick CSS:

#top #footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;
}

it just does the same thing.

The image of my wife’s ‘Appearance’ you’ll find here:
I think your wife’s account is not restricted, try to login using her account and you should see the Theme Editor.

Best regards,
Nikko

Hi Hans Chr.,

You can upload it in https://imgur.com/upload or in dropbox and post the link here (or in private content).
As for the Theme Editor, your wp-config file might have this code which disables it:

define( 'DISALLOW_FILE_EDIT', true );

As for the CSS code not working, it’s because the Custom CSS Class is wrong, I have changed to to mybutton (this is just a name to reference the button)
Then the actual CSS code should go in Enfold > General Styling > Quick CSS, which I have added:

.mybutton a {     
  background: #b4ddb4;
  background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%);
  background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
  background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); 
}

which worked.
Also, I found this code in Quick CSS which is invalid (this should be added in functions.php), I have removed this:

function avia_custom_css_code(){
?>
<style>
#top #footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}
</style>
<?php
}
add_action('wp_head', 'avia_custom_css_code');

Best regards,
Nikko

Hi Ola,

Can you try to do the following:
Login to ThemeForest and download the Enfold theme.
1. 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.
Best regards,
Nikko

Hi hcpost,

Yes, that what I meant, thanks.
The advanced layout editor is not showing on my dashboard.
I have checked the pages and Advanced Layout Editor is working properly and there’s no unending loading of the spinning wheel. Maybe you are referring on other elements?
Perhaps you’re looking for Advanced Styling? it’s located in Enfold Child > Advanced Styling.
If it’s not then if you can provide a screenshot of the issue then we should be able to check on it further.

In fact, when I click on appearances, the only four things listed are “Themes”, “Customize”, “Widgets” and “Menues”.
This is correct, the usual is either it’s these four are showing and the fifth one that usually appears but depends on the settings in the Theme Editor.

My site should be fully updated. I have the exact same logins as my wife, we both run the Enfold theme, she has access to the advanced layout editor, but as mentioned, I don’t.
Could you help me solve the issue, as I want to add some CSS so I can customize the buttons on my site …
I do see in Appearance > Customize > Additional CSS some css codes for the button but I do see it working properly.

Best regards,
Nikko

Hi sitemonkey,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#top .avia_cart_buttons {
    opacity: 1;
}
#top .avia_cart_buttons:hover {
    background-color: #129191;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi MS,

Please ad this code in your Quick CSS (located in Enfold > General Styling):

#top .av-fullscreen-button .avia-button-fullwidth {
    padding: 30px;
}

Just adjust the padding value as you see fit.

Best regards,
Nikko

Hi eatnlivefree,

Once you have activated Enfold theme, go to Enfold > Demo Import > and find Health Demo
Hover over the image and click on Click to Import button, it should take a bit of time and would start importing.
When importing is done, you should be redirected to Theme Options and your site should look similar to the demo.

Best regards,
Nikko

Hey xuamox,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.home #av_section_1 .avia-button .avia_button_icon {
  font-size: 26px;
}

If you need further assistance please let us know.

Best regards,
Victoria