Hi,
I think you would do better to use a plugin for this, I found this article about how to do so, but you could also try a little plugin searching.

I also found this function for functions.php, but I didn’t test, so use at your own risk:

add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_styles_scripts', 99 );

function dequeue_woocommerce_styles_scripts() {
    if ( function_exists( 'is_woocommerce' ) ) {
        if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
            # Styles
            wp_dequeue_style( 'woocommerce-general' );
            wp_dequeue_style( 'woocommerce-layout' );
            wp_dequeue_style( 'woocommerce-smallscreen' );
            wp_dequeue_style( 'woocommerce_frontend_styles' );
            wp_dequeue_style( 'woocommerce_fancybox_styles' );
            wp_dequeue_style( 'woocommerce_chosen_styles' );
            wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
            # Scripts
            wp_dequeue_script( 'wc_price_slider' );
            wp_dequeue_script( 'wc-single-product' );
            wp_dequeue_script( 'wc-add-to-cart' );
            wp_dequeue_script( 'wc-cart-fragments' );
            wp_dequeue_script( 'wc-checkout' );
            wp_dequeue_script( 'wc-add-to-cart-variation' );
            wp_dequeue_script( 'wc-single-product' );
            wp_dequeue_script( 'wc-cart' );
            wp_dequeue_script( 'wc-chosen' );
            wp_dequeue_script( 'woocommerce' );
            wp_dequeue_script( 'prettyPhoto' );
            wp_dequeue_script( 'prettyPhoto-init' );
            wp_dequeue_script( 'jquery-blockui' );
            wp_dequeue_script( 'jquery-placeholder' );
            wp_dequeue_script( 'fancybox' );
            wp_dequeue_script( 'jqueryui' );
        }
    }
}

Best regards,
Mike

Hey mckeown2,
It looks like you already had everything in place except the two buttons, so I added two columns and two buttons, you can edit the button text and links.

Best regards,
Mike

Hi,
I added this code in the General Styling > Quick CSS field:

@media (max-width: 910px){
.wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme .wpmegamenu-toggle {
    background: transparent!important; }}

It now doesn’t show, Please clear your cache :)

Best regards,
Mike

Hi,
Your Image with Hotspots is a full width element, so it is dropping down and forcing your sidebar below it. Try putting your Image with Hotspots at the top of the page, and your blog post element below it. It may still force your sidebar down. Also try disabling your plugins. I’ve seen the JetPack plugin cause the sidebar to drop below the content before too.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

.avia_transform .avia-gallery-thumb img {
    opacity: 1!important; 
     animation-duration: 0s!important; 
    -webkit-transform: scale(1)!important; 
    transform: scale(1)!important; 
}

Please clear your cache and compare to gif in Private Content area, which is the result I see on my end when I refresh two times.

Best regards,
Mike

Hey boaguy,
I believe that it can take up to 72 hours for it to start working, but you can go to the “Real-Time” tracking and see yourself on the site.
See this video, I jumped to the section for you, or you can watch the whole video;

Best regards,
Mike

Hey jawer,
Please try adding this code to the end of your functions.php file in Appearance > Editor:

add_filter( 'woocommerce_enqueue_styles', '__return_false' );

Please clear your cache :)

Best regards,
Mike

Hi,
Oh, ya that was my error, I thought that was what you wanted :)
So do you never want it full width, phone?
Try:

.homepage {
max-width: 80%!important; 
left: 25% !important;
padding-top: 200px !important; 
padding-bottom: 200px !important; 
margin: 0 auto;
}
@media only screen and (max-width: 425px) { 
.homepage {
max-width: 100%!important; 
left: 0px !important;
padding-top: 100px !important; 
padding-bottom: 100px !important; 
margin: 0 auto;
}}

Try adjusting the first max-width% & left% to center, the bottom one is now for phones, if you don’t want that just remove it :)

Best regards,
Mike

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

Best regards,
Mike

Hi,
Oh, I see I was looking at the wrong element

Try this code in the General Styling > Quick CSS field:

#avia2-menu.menu a {text-decoration: none!important; }

Best regards,
Mike

Hi,
Sorry, it’s a border so it would always be full width.

Best regards,
Mike

Hey ccyran,
Try removing your padding around the image (200px 150px 150px 150px)
and try this code:

.homepage {
max-width: 50%!important; 
left: 25% !important;
padding-top: 200px !important; 
padding-bottom: 200px !important; 
margin: 0 auto;
}
@media only screen and (max-width: 1023px) { 
.homepage {
max-width: 100%!important; 
left: 0px !important;
padding-top: 100px !important; 
padding-bottom: 100px !important; 
margin: 0 auto;
}}

Best regards,
Mike

Hi,
Try:

.avia-post-nav .entry-image img {
    border-radius: 0px!important; 

Best regards,
Mike

Hi,
I was not able to login, please check info

Best regards,
Mike

Hi,
You could try this code, I’ve changed the blue to orange to match your site:

.main_color input[type='submit']:hover {
    background-color: #F57F20!important; 
    color: #ffffff;
    border-color: #F57F20!important; }

.main_color .button.av-sending-button {
    background: #F57F20!important; 
    background-image: linear-gradient(-45deg, #d9701a 25%, #F57F20 25%, #F57F20 50%, #d9701a 50%, #d9701a 75%, #F57F20 75%, #F57F20)!important; }

Best regards,
Mike