Hi,
Sorry for the late reply, and thank you for the login, I have investigated your issue with the button colors and found that your default color options are not correct, in this screenshot I compare my theme color options with yours and you will see that you are missing the “Theme Color Highlight” option:

but if you look at the source code for the element you will see that when you choose “Theme Color” it is actually setting the “Theme Color Highlight” option:

when I change the language setting in the user profile for the “enfold” user that you gave us to English the correct “Theme Color” color option returns. I was able to reproduce this error on my localhost.
So I edited the fr_FR language files to correct this and it seems to work on my localhost, so please try downloading the language files linked in the Private Content area and upload them to your site via FTP at \wp-content\themes\enfold\lang\
please save a copy of your original files in case you encounter an error.
fr_FR.po & fr_FR.mo
I used Google Translate to make “Theme Color Highlight” read “Surbrillance de la couleur du thème” I hope this is correct.
After you upload the files please clear your browser cache and try selecting the colors again for the buttons to see if you have the correct options.

Best regards,
Mike

Hey,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

#top #header .av-menu-button > a .avia-menu-text {
    border-color: #ffcc01;
    color: white;
}
#top #header .av-menu-button > a:hover .avia-menu-text {
    color: black;
    background-color: #ffcc01;
}

Best regards,
Yigit

Hi,
I did a quick search & test for a popup plugin and found WP Popups it says it works with CF7 and in my test it worked fine with Enfold and the Enfold shortcode and was able to link to a button using a custom class trigger in the popup options, you’ll see the option under triggers when you build your popup.

As for the next & previous, we don’t have an easy way to add these into a custom location or assign them to different buttons like you are asking, but I was able to write this function to get the current next & previous links and replace the links in your custom buttons. This will work now but if your buttons change when you add the popup we may need to adjust the script, but after that it should work for every product.

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

function custom_next_prev(){
	?>
  <script>
(function($){
  $(document).ready(function(){
    var getprev = $("a.avia-post-nav.avia-post-prev").attr("href");
    var getnext = $("a.avia-post-nav.avia-post-next").attr("href");
    $(".woocommerce-product-details__short-description .avia-buttonrow-wrap a.avia-button:nth-child(2)").attr("href", getprev);
    $(".woocommerce-product-details__short-description .avia-buttonrow-wrap a.avia-button:nth-child(3)").attr("href", getnext);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_next_prev');

Best regards,
Mike

• This reply was modified 6 years, 1 month ago by Mike. Reason: correct an error

Hey tsmalling,

Thank you for the inquiry.

Using the following filter in the functions.php file should reverse the posts navigation.

add_filter( 'avia_post_nav_entries', 'enfold_customization_postnav', 10, 2); 
function enfold_customization_postnav($entries, $settings)
{
	if($settings['type'] == 'portfolio')
	{
		$settings['same_category'] = true;

		$entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
		$entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	}

    return $entries;
}

Related thread:

// https://kriesi.at/support/topic/previous-next-buttons-only-same-category/#post-986083

Best regards,
Ismael

Hey DivaNails,
Please try adding the css to the Enfold Theme Options > General Styling > Quick CSS field.
After applying the css, Please clear your browser cache and check.
If this works then you have the css & js file merging enabled, while making your css edits directly into the child theme style.css.
The merged files only update then the theme settings are updated, such as clicking the big blue button “save all changes”, saving the style.css file doesn’t update the merged files.
So you could save the theme settings to force re-building the merged file, if the button is not clickable, try adding a blank space into the Quick CSS field to activate the button.

For best results, try disabling the merged css & js, and disable any caching plugin, and enter your css into the “Quick CSS” field while you are creating your site. Once you are done you can move all of your css to the style.css and enable your caching & merging.
I hope this helps explain what is happening.

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,

Thank you for the update.

Where can we see the toggles? Please post the URL of the page.

If you want to duplicate the toggles, edit the enfold\config-templatebuilder\avia-shortcodes\toggles\toggles.php file and look for this code around line 864:

$output .= '        <span class="vert_icon"></span><span class="hor_icon"></span></span>';

That is the toggle buttons. You can insert it again after the content, and only display it when the toggle is active.

            $output .= '<div class="toggle_content invers-color '.$inherit.'" '.$markup_text.' '.$colors.' >';
            $output .=					ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) );
            $output .= '</div>';

Best regards,
Ismael