- This topic has 7 replies, 2 voices, and was last updated 7 years, 7 months ago by Theme Horse Support Team.
-
AuthorPosts
-
March 24, 2017 at 6:36 am #50613f.ramserParticipant
Hello,
On the woocommerce page, the backgroungimage isn’t visible.
This is ok.
But the backgroungimage is downloaded.
The page has 1MB. The background image has 450kb.
But i didn’t need it to download, because is isn’t visible.
How can i deactivate the backgroundimage on the woocommerce page?
(Best solution will be CSS Code in the Style.css)Best regards
March 24, 2017 at 7:22 am #50615Theme Horse Support TeamKeymasterHi f.ramser,
Could you provide us your site Url what exactly are you talking about. If you are a Premium user then please post your forum topic at Ambition Pro.
Thank you
March 24, 2017 at 7:27 am #50616f.ramserParticipantHello. Site is:
https://www.ramser-elektro.at/shop/March 24, 2017 at 8:15 am #50617Theme Horse Support TeamKeymasterTry adding below custom css. This may help you.
body.woocommerce-page .page-title-wrap { display: none; padding: 0; height: 0; }
Thank you
March 24, 2017 at 8:55 am #50618f.ramserParticipantAs you can see in the shapshot, nothing changed 🙁
March 24, 2017 at 10:10 am #50620Theme Horse Support TeamKeymasterHi f.ramser,
It needs code customization. Display none will only hides in front end. If you inspect it then then code will be run. If you like to hide background image in woocommerce page then code customization is required.
Go to theme folder -> inc -> structure -> header-extension.php on line no 266. you will see below code.<div class="page-title-wrap" <?php if ( $sitetitle_img_setting != '1' && $sitetitle_image != '' ){ ?> style="background-image:url('<?php echo esc_url($sitetitle_image);?>');" <?php } ?> > <div class="container clearfix"> <?php if(is_home()){?> <h2 class="page-title"><?php echo ambition_header_title();?></h2><!-- .page-title --> <?php } else { ?> <h1 class="page-title"><?php echo ambition_header_title();?></h1><!-- .page-title --> <?php } if (function_exists('ambition_breadcrumb')) { ambition_breadcrumb(); } ?> </div><!-- .container --> </div><!-- .page-title-wrap -->
Replace above code and add this below code
<?php if(!is_woocommerce()){ ?> <div class="page-title-wrap" <?php if ( $sitetitle_img_setting != '1' && $sitetitle_image != '' ){ ?> style="background-image:url('<?php echo esc_url($sitetitle_image);?>');" <?php } ?> > <div class="container clearfix"> <?php if(is_home()){?> <h2 class="page-title"><?php echo ambition_header_title();?></h2><!-- .page-title --> <?php } else { ?> <h1 class="page-title"><?php echo ambition_header_title();?></h1><!-- .page-title --> <?php } if (function_exists('ambition_breadcrumb')) { ambition_breadcrumb(); } ?> </div><!-- .container --> </div><!-- .page-title-wrap --> <?php } ?>
We recommended not to change the code because if you change the code then while updating to our new version all your customisation code will be lost. So better make child theme and first unhook the functions and the edit the code.
http://codex.wordpress.org/Child_Themes
Thank you
March 27, 2017 at 6:12 am #50653f.ramserParticipantIt is working.
Thank you 🙂March 27, 2017 at 7:43 am #50654Theme Horse Support TeamKeymasterYou welcome f.ramser
Could you also please help us rating this theme in WordPress Repository.
https://wordpress.org/support/view/theme-reviews/ambition
We really appreciate your rating.Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.