Advanced layout editor not showing

Hey hcpost,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Best regards,
Victoria

Hi Hans Chr.,

Can you please post the admin credentials in private content? if you have already posted it in other thread, can you give us the link to that thread?

Best regards,
Nikko

Hi hcpost,

Thanks, please give us the login link as well :)

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 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 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’ll need to access it via FTP or cPanel.
You should see it in public_html (if it’s only a single domain is hosted), if multiple then most likely it’s public_html > (name of your site).

Best regards,
Nikko