Move Featured Image to top only

[businessbackpacker]

Hello - can you please view this portfolio page and let me know how I can change it to look more like a “regular” page or post type with the featured image across the top only, and the content below at full width? Currently it shows image to left and text looks weird : https://www.businessbackpacker.com/portfolio-item/take-back-time-time-management-online-course-business-owners-entrepreneurs-professionals/

[jade]

Hi @businessbackpacker,

Please try this code in X > Theme Options > CSS:

.single-x-portfolio .x-main .x-portfolio {
    display: flex;
    flex-direction: column;
}

.single-x-portfolio .x-main .x-portfolio .entry-featured {
    order: 1;
    float: none;
    width: 100%;
    padding-right: 0;
}

.single-x-portfolio .x-main .x-portfolio .entry-top-navigation {
    order: 2;
}

.single-x-portfolio .x-main .x-portfolio .entry-wrap.cf {
    order: 3;
    width: 100%;
    float: none;
}

Hope this helps.

[businessbackpacker]

Great, thanks - is there a way to apply this to my Shop pages as well? https://www.businessbackpacker.com/product/time-management-for-business-owners-online-course/

[friech]

Hi @businessbackpacker,

Woocommerce product page is using a different template, you need more than custom CSS for that.

Please follow this guide provided here.

Please note, that is a customization that is outside of the support that we can offer. We can only provide a guide.

Thanks,