Hi!

Thank you for using Enfold and for explaining the issue thoroughly.

The big preview on the gallery will always inherit the width of its container, the size of the columns, main container etc, so there’s no easy solution to this problem especially when you’re using gallery images with different sizes. Try to use larger images then disable the Force same size for all big preview images? gallery settings.

Best regards,
Ismael

Hi!

This is a german page, not french: http://eyebrowtracer.com/de/fragen/

And this one is showing the correct french language: http://eyebrowtracer.com/fr/acheter/

I’m sorry but can you please elaborate the issue. I tried to login but the credentials aren’t working. Please check.

Regards,
Ismael

Hey!

Thank you for the update.

The fullwidth button is fixed by placing it inside a color section. Adding another color section below the animated number elements seems to fixed the footer as well. There must be a missing closing div that we don’t know of. Did you add any html tags on the page?

Best regards,
Ismael

Hi!

Try to add a code block on top of the text block then add this:

<style type="text/css">
.avia-textblock h1, .avia_textblock  h2 {
color: #fa6d02 !important;
font-family: Georgia,Times,Times New Roman,serif;
}

.avia_textblock h3 {
color: #40B8F7 !important;
font-family: Georgia,Times,Times New Roman,serif;
}
</style>

Regards,
Ismael

Hi!

You can add this on the Quick CSS field:

.main_color label {
color: #ffffff !important;
}

OR this one to a code block element:

<style type = "text/css">
.main_color label {
color: #ffffff !important;
}
</style>

Best regards,
Ismael

Hey shaunlawson!

Thank you for using Enfold.

Looks like you’re using a minify plugin. Is this happening if the cache and minify plugins are deactivated? Please try to deactivate those plugins then test the site again on another browser.

Cheers!
Ismael

Hi!

Try to add it on the caption formatted like this:

<style type="text/css">.avia-caption-content > p:last-child {
display: none !important;
}
</style>
This is a caption

Or use a code block element.

<style type="text/css">.avia-caption-content > p:last-child {
display: none !important;
}
</style>

Cheers!
Ismael

Hi tlow87!

Thank you for using Enfold.

Which element are you trying to change? Make sure that you’re using the correct selector. This is the correct css media query:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

Cheers!
Ismael

Hi!

I’m not referring to the thumbnail. Please try to follow the suggestion above. Let us know if the lightbox image change. A link to the actual page with the image will help.

Regards,
Ismael

Hi!

Alright. I was able to reproduce the issue this time. Looks like it’s happening when the portfolio grid loads. Try to add this on Quick CSS:

.js_active .grid-image {
opacity: 1 !important;
}

Cheers!
Ismael

Hey!

Did you set any parent page for these two pages? Do you have any seo plugin?

Cheers!
Ismael

Hi!

Alright. My bad. The problem is, we can’t reproduce the issue on our end so there’s no way we can debug the issue. We’ve checked a lot of website with masonry sections on iPad and they’re working fine. After you deactivate the plugins, did you remove the iPad’s browser cache? They tend to serve the cached version of the site so you need to remove it. I’ll ask the rest of the support team to check the page.

Regards,
Ismael

Hi!

Looks like you edited the single product page before t show the sidebar on the right so you need to replace the code with this:

#
# wrap single product image in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
add_action( 'woocommerce_before_single_product_summary',  'avia_close_image_div', 20);
function avia_add_image_div()
{
	echo "<div class='single-product-main-image alpha'>";
}
 
function avia_close_image_div()
{
	global $avia_config;
	$avia_config['currently_viewing'] = "shop_single";
 
	echo "</div>";
}
 
 
#
# wrap single product summary in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);

add_action( 'woocommerce_after_single_product_summary',  'avia_close_summary_div', 3);
function avia_add_summary_div()
{
	echo "<div class='single-product-summary'>";
}
 
 
 
function avia_close_summary_div()
{
	echo "</div>"; //close out the summary
	get_sidebar();
}

add_filter('avia_layout_filter', 'avia_change_post_layout', 10, 2);
function avia_change_post_layout($layout, $post_id){
	if(is_product()) {
    $layout['current']['main'] = "sidebar_left";
	}
 
    return $layout;
}

Replace the code on Quick CSS with this:

.single-product .product {
width: 68%;
margin-left: 4%;
clear: none;
float: right;
}

Cheers!
Ismael

Hi!

Looks like the css styling is stuck after every theme options toggle but we can’t reproduce the same issue on our installation. The general styling works immediately after every update. Please try to contact your hosting provider. Ask them if there is any server side cache. Also, please check if files inside the wp-content folder have the correct file permission.

Cheers!
Ismael

Hey!

You don’t need to create custom menu for each custom post type. Create a menu on Appearance > Menus then add the custom post type links there. Now, go to Appearance > Widgets, add the Custom Menu widget. Select the newly created menu with the custom post type links.

Best regards,
Ismael