Hello Shehab,

Please find below the answers to your questions:

1. You can change the background color and image from Shop page > Page Header Settings.

2. Fixed by adding the following code at includes/functions.php file

// Show Product Title on Page Header
 add_filter( 'bakery_page_header_title', 'bakery_page_header_title_single_product', 10, 2);
function bakery_page_header_title_single_product( $title, $post_id ) {
 if ( is_product() ) {
 $title = get_the_title( get_the_id() );
 }

 return $title;
 }
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );

3. Fixed by adding the following code at Bakery > Custom Code > Custom CSS:

body.single-product .vu_page-header {
    height: 130px;
}

Best regards,

1. Yes, updating the theme will lose the code. You can try using a child theme or save the code and re-add once you update the theme.

2. Fixed by just adding !important at the CSS code.

Best regards,

You're very welcome!