Might be a problem with understanding :

The default installation folder of enfold is: enfold
Do you like to update by uploading to a new folder called EnfoldNew ?
On manual update you completely replace the enfold folder by the new one.

and by the way you can replace the text inside your button on click:

In my case on the testpage it is “contact me” to replace

function add_custom_toggler(){
?>
<script>
jQuery(window).load(function () {
  jQuery("#toggle-color-section").addClass("notseen");
  jQuery(".avia-button-wrap.color-section-toggler").click(function () {
   jQuery("#toggle-color-section").toggleClass("notseen");

   jQuery(".avia-button-wrap.color-section-toggler span.avia_iconbox_title").text(function(i, v){
           return v === "contact me" ? "thanks for your interest" : "contact me"
   })	  
  });
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_toggler');

etc. pp

it seem to be a matter of full-width button but i can not see why – the thing is reproducable on my example site !

i changed it above try only #toggle-color-section as target of your button

Ikke noe problem

i placed a container above the color-section ( all you want ) on my case it is a 2/3rd 1/3rd Column.
In the 1/3rd Column on the right i placed a button with manual link to #
and as described in the thread you mentioned with the custom class .

i edited a bit the code because i like to know what is all about – so my code looks like :

function add_custom_toggler(){
?>
<script>
jQuery(window).load(function(){
jQuery("#toggle-color-section").hide();
jQuery( ".color-section-toggler" ).click(function() {
  jQuery( "#toggle-color-section" ).toggle();
});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_toggler');

the button gets the custom class: color-section-toggler
the color section gets the unique id: toggle-color-section

you can insert it as manual and only a #
i tried it – see here https://webers-testseite.de/colorsection-toggle/
and it works with that

i removed the other solution for tabs (not tab-section) at all to get rid of possible influence

i did it via child-theme edited php file so you can find the edited php file under appearance – editor
test yourself

On Mac OS X :
Firefox – did not work
Safari – only the first background is seen and it works on that; tab2 and tab3 not
Chrome – only the first background is seen and it works on that; tab2 and tab3 not
Opera – only the first background is seen and it works on that; tab2 and tab3 not

on all browser source code i can see that background-position is calculated in the manner we changed ( with center on vertical positioning)
so 0vw , 100vw and 200vw – so it might work

• This reply was modified 7 years, 3 months ago by Guenni007.

here you can see a working page in your style: https://webers-testseite.de/thc/

one thing before we start – the default setting of a column is individual height. So if you begin to drag and drop those 1/3rd columns to your advanced layout builder they all have this implemented.
When you now start editing your first 3rd columns in a row and after that on some reasons you decided to change some positions, because of surname f.e. order there might be a desaster on having coloumns set to equal height some are on individual height.

To avoid this just drag and drop your first 3rd column to your editor field and make now all the settings you need. Background-colors, equal-height, paddings and Custom top and bottom margins ( i did only a bottom-margin here of 20px). Put in your team-member dummy now – and again – make all settings now you need !
(fit into container the image; font colors etc.)

On my screenshot you see a Separator / Whitespace (this is an edited one by me to have in case of whitespace the possibility to set here an individual ID ! (so you can have anchor navigation here – download follows)
A Headline ( Handchirurgen, Handtherapeuten etc.) follows and than 3 1/3rd columns. Create this with all settings you need. – Now go and save this as template

*click to enlarge

you now can create the whole unit at once. You only have to replace the team-member than. If there is no heading needed delete it with the whitespace. – If a new heading is set (f.e. OK-assistenten) you have to edit heading and whitespace to set the ID (f.e. OK-assistenten)

by doing it this way you can later drag and drop and change positions of the team-members without the loss of your settings.

with that method i can not reproduce your page

Download modified hr.php to have ID (in case of whitespace): hr.php.zip
If you need help with modified shortcodes and child-themes ask for help or use search function

PS : you don’t need those hr – but to have these anchors
https://webers-testseite.de/thc/#handtherapeuten and
https://webers-testseite.de/thc/#handchirurgen
it is necessary

• This reply was modified 7 years, 3 months ago by Guenni007.

ok – i didn’t see that tab-section has on color the oportunities to set a background-image. But even with that – the code does not work.

Yes – please !