Hi,
To make the toggle smaller you could remove the top & bottom padding with css like this:

#accordeon .toggler {
    padding: 0px 3px 0px 35px !important; 
}

After applying the css, Please clear your browser cache and check.
To make the “+” larger, please try this css:

.toggle_icon .vert_icon {
    top: -5px !important; 
    height: 22px !important; 
}
.toggle_icon .hor_icon {
    left: -5px !important; 
    width: 22px !important; 
}

Best regards,
Mike

Hi,
Sorry for the late reply, above you wrote that you have a “ton” of modifications, so first move the modifications that are functions or scripts that are in your parent functions.php, you would “move” these to your child theme functions.php
Please don’t just “copy” them over so they are in both files, this will lead to an error.
Then if you have modified any theme files we will want to “copy” them to the child theme with the same structure, so if you modified the “header.php” then copy it to the root of your child theme directory, but if another file is inside of a folder in your parent theme, place it inside of the same directory in your child theme.
It is ok to leave the original file in its original location, you will just be “copying” these files.
Please list the files you have modified because some files will need to be “enqueue” to work correctly.
Then you can copy your custom css to your child theme “style.css”, or you can add your css to your Enfold Theme Options > General Styling > Quick CSS field, both places are safe for updates.

Best regards,
Mike

Hey KeyshaunSmith,
Sorry for the late reply, unfortunately, we don’t have this as a feature right now, but you could use a plugin such as Smart Variations Images for WooCommerce or WooCommerce Additional Variation Images
or perhaps a different one, there seems to be many available.

Best regards,
Mike

Hi,
Sorry for the late reply, is the code above active on the site now?
I don’t have an iPad, but looking at your burger menu between 768px – 1024px, which should be the iPad sizes, the social icons seem to be added to the burger menu.
How would you like to see it?
I also see that for desktop the social icons are not in the burger menu, did you want them there?

Best regards,
Mike

Hey Elena,
Sorry for the late reply, this can be done by creating a div with the overlay under your text element.
The following code is to do this one your one page so you can see, but since you probably want to add this to many pages you will want to add a custom class to each of your columns that, such as “overlay-column”

Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_overlay_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('#top.postid-564 .flex_column.avia-builder-el-33').prepend('<div id="overlay"></div>');
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_overlay_script');

to use this for other columns with the custom class above, just replace #top.postid-564 .flex_column.avia-builder-el-33 with .overlay-column
Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  z-index: -1;
}

Best regards,
Mike

Hey shar_s,
Sorry for the late reply, it looks like your images are small when compared to the travel demo accordion, have you tried using images that are as wide as the page?
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

Best regards,
Mike

Hi,
Sorry for the late reply, unfortunately, some of your images are not available, so I’m not quite sure what you are trying to do, the top bar looks the same to me in your examples.
Please try explaining again.

Best regards,
Mike

Hey Carsten,
Sorry for the late reply, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_betreff_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  	$('#top.page-id-44 #avia_3_1 option:eq(0)').prop('selected', true)
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_betreff_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Perhaps try clearing your browser cache, Please see the screenshots in Private Content area.

Best regards,
Mike

Hi,
Thank you for the feedback, I added this script to your functions.php

function projekty_unijne_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('.social_bookmarks_kriesi').after("Projekty Unijne");
$('.social_bookmarks_kriesi a').attr('title','Projekty Unijne')
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'projekty_unijne_script');

this adds the text and changes the icon title to match, feel free to adjust to suit.
Please clear your browser cache and check.

Best regards,
Mike

Hey enfoldMB,
Sorry for the late reply, there is two ways to do this and both will rely on polylang adding a language class to the site, which I pretty sure it does.
So for the first option, you will have one FB social icon in the header and socket and we will add a jQuery script that will change the url based on the language class.
The second option is you will have two different FB social icons next to each other with their own links, and we will hide them with css based on the language class.
We will need to see your site to write this for you, which option do you prefer?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
To hide the text of the three images on the homepage on hover, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home .avia-image-container:hover .av-image-caption-overlay {
	opacity: 0 !important; 
}

Best regards,
Mike

Hi,
Sorry for the late reply, to have gray icons in your footer on hover, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#custom_html-3 .av_font_icon a:hover {
	color:gray !important; 
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, this function will add the text character to the url of the TOC so the anchor links will work, unfortunately this will only work if the whole TOC is Chinese, because it brakes the English links.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_toc_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $(".avia-toc-container a.avia-toc-link").each(function(){
    var character = $(this).find("span").text();
    $(this).attr('href', function() {
    return "#" + character;
});
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_toc_script');

Please let us know if you want to use English and Chinese TOC’s on the same site, we can have this code only work on the pages to have the Chinese TOC.

Best regards,
Mike