Hey jnightingale,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.cog-form__container {
	background-color: #0056a6 !important;
}

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

Best regards,
Mike

Hey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.woocommerce-shop .container_wrap_first {
	 border: none;
}
#top.woocommerce-shop .product-sorting {
	display: none;
}
#top.single-product .avia-wc-30-product-gallery-lightbox {
	display: none;
}

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

Best regards,
Mike

Hey James,
Thanks for your patience and the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function($) {
$('#av-masonry-2-item-3398 img').height($('#av-masonry-2-item-3398 img').height() + 15);
$('#av-masonry-1-item-3400 img').height($('#av-masonry-1-item-3400 img').height() + 15);
}(jQuery)); 
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Please don’t add css into the developer setting fields, only add CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

Best regards,
Mike

Hi,
Unfortunately you can not control the objects inside an iframe, you would need to dequeue the items for the page that is going to be used as an iframe before it is used.
So your iframe page would only be used for the popup and not directly accessed.
Since your popup is only a contact form why not add it to your page hidden and show in a lightbox popup?

Best regards,
Mike

Hi,
Your shortcode [best_selling_products limit="4" column="4" paginate="true" orderby="rand"] is already set to show random items with orderby=”rand” but I found that the shortcode best_selling_products is very old and should be used with old versions of woocommerce. According to this article you should try this shortcode: [products class="columns-4" limit="4" column="4" orderby="rand"] to show random products.
If you want to use this you will need to also add this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.woocommerce.columns-3.columns-4 li:nth-child(4) {
	clear: none;
	margin-right: 0;
}
.woocommerce.columns-3.columns-4 li.last {
	    margin-right: 1% !important;
}

To make each product grid & product image & product header caption in each grid all equal height you could add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function equal_height_product_grid_image_header() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
    $('.products.columns-3,.products.columns-4').each(function(){  
     var $items = $('li',this);
     var $image = $('li .thumbnail_container img',this);
     var $header = $('li .inner_product_header',this);
     var itemsHeight = Math.max.apply(Math, $items.map(function(){
         return $(this).height();
     }).get());
     var imageHeight = Math.max.apply(Math, $image.map(function(){
         return $(this).height();
     }).get());
     var headerHeight = Math.max.apply(Math, $header.map(function(){
         return $(this).height();
     }).get());
     $items.height(itemsHeight);
     $image.height(imageHeight);
     $header.height(headerHeight);
  });
  })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'equal_height_product_grid_image_header');

The only problem is that your secondary images that show on mouse-over which are added by the plugin WooCommerce Product Image Flipper are not the same heights, so you would need to change all of those secondary images because on hover a white space is shown.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey newvisionnew,
To remove the text-transform for all or your special heading h1 on your whole site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .template-page .entry-content-wrapper .av-special-heading-h1 h1{
	text-transform: none;
} 

After applying the css, please clear your browser cache and check.
Please note that if you use all caps in the backend when you edit the element then it will still show as all caps in the frontend, so you need to ensure the backend is written as you want to see it.
If you also want this for your special heading h2 try this css:

#top .template-page .entry-content-wrapper .av-special-heading-h2 h2{
	text-transform: none;
} 

Best regards,
Mike

Hey germanvoice,
Thanks for your patience, to change the font color and size of the price try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.single-product .price span {
	color: red;
	font-size: 18px;
}

the expected results:

To show more information try adding it to the Product short description below the product data:

the expected results:

By default the sidebar widgets are shown below the product images:

To show the sidebar on the right side like in posts try this solution.

but it will make the image smaller because ther is less room, you could make the product page full width with this css:

.responsive #top.single-product .container_wrap_first > .container {
    max-width: 100%;
}

the expected results:

Best regards,
Mike

Hi,
I see that you are using Enfold v4.9.2.1 this version is not WordPress v6 ready, please update to Enfold v5.6.2
Please note that if you have a header.php or footer.php in your child theme, you will need to remove these before you update.
These will cause errors in your theme. We do not recommend adding these files to your child theme, it is the most common reason for errors when updating. If you have them in your child theme please remove these files and any customizations you wish to make should be done in your child theme functions.php

To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hey rup,
Thank you for your patience and the link to your site, I tested this on my demo site and the fullscreen button in the HTML5 video player indeed shows as on your example site, I disabled all of your plugins except the four WPML plugins and the fullscreen button then showed, try disabling your plugins, except the four WPML plugins, and then reactivate each one individually until you find the one causing the conflict.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey BeeCee,
I tested this on top level menu items and sub items and found that this is working correctly.
Please note !is_user_logged_in is for users that are not logged in, so whem you test use a incognito tab so you are not logged in.

Best regards,
Mike

Hi,
Unfortunately I don’t see any login info in the Private Content area, do you?
I tested the Private Content area and it is woking correctly:

Are you login to the forum site and posting there?

Best regards,
Mike

Hi,
I did the update from the theme section on the dashboard, but first I disabled Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and clear your cache plugin.
To update download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike