- This topic has 15 replies, 2 voices, and was last updated 8 years, 10 months ago by Andrew Misplon.
- AuthorPosts
- November 23, 2015 at 10:56 pm #2711
Dan BlackadderParticipantHi,
I am looking to remove the content header from the Ultra Premium theme.
I have so far failed at creating a child theme for the Ultra Premium that works and inserted various texts of code into a custom css plugin I have installed, and neither have worked.
To be honest, I would have thought with a Premium theme I would have been able to disable this by a tick button?
Any help is appreciated! Thanks.
November 23, 2015 at 11:02 pm #2713
Andrew MisplonKeymasterHi Dan
Thanks for your support. Sorry to hear you’ve had trouble on this point. Please, reach out if anything further comes up and I’ll do my best to assist quickly and save your time.
On any page you can select Full Width – No Title from the Page Template drop down menu in the right column. That’ll remove the page heading and the entire content header from the source code, not just with CSS. Would this cover your needs or are you also looking to hide the content header on posts?
November 23, 2015 at 11:22 pm #2718
Dan BlackadderParticipantHey Andrew,
Will do, thank you.
I have done this, and still find there is an unnecessary amount of space in-between the content and the header. How can I change this?
November 23, 2015 at 11:25 pm #2720
Andrew MisplonKeymasterThanks for your understanding.
If your Custom CSS wasn’t working you might remove it so you have a clean slate to work with. Try adding:
/* Main Content Container */ .page-template-full-width-no-title .site-content > .container { padding-top: 3.57143em; }
Adjust the value as required. The value above is default so you will need to make a change before seeing it on the front end. Although it’s an em value now you can use px. For example:
/* Main Content Container */ .page-template-full-width-no-title .site-content > .container { padding-top: 10px; }
Let me know how that goes.
November 23, 2015 at 11:48 pm #2727
Dan BlackadderParticipantI think that has fixed it for the home page.
I am now having issues with woocommerce, on the shop page it was still showing the breadcrumb at the top of the screen? I have now deleted the pages in an attempt to start again, however uninstalling and reinstalling woocommerce hasn’t taken me to the setup that I originally had, if you could point me in the right direction to fix this, and remove the breadcrumb from this page?
Thank you in advance.
November 23, 2015 at 11:50 pm #2728
Dan BlackadderParticipantI can google it, don’t worry lol. Was me just being lazy.
Thank you for all your help. I will attempt to work out the rest.
November 23, 2015 at 11:51 pm #2729
Andrew MisplonKeymasterNo problem 🙂 Replying now.
November 23, 2015 at 11:52 pm #2730
Andrew MisplonKeymasterMmm, I might need to take a look a look at that. I know that I’ve unhooked the default WooCommerce breadcrumb and reinserted it in the Ultra breadcrumb position but now that you mention it, I don’t think it’s conditionally tied to the Ultra breadcrumb theme setting. If you can share a link with me (there is a private reply option below) I can help remove it using CSS. Thanks for your feedback.
November 23, 2015 at 11:53 pm #2731
Andrew MisplonKeymasterFor pages you can go to WooCommerce > Settings > Display > Settings and set a page as your Shop page from there.
For other pages you can create them and then insert the appropriate shortcode:
November 23, 2015 at 11:58 pm #2733
Dan BlackadderParticipantThis reply has been marked as private.November 24, 2015 at 12:04 am #2736
Dan BlackadderParticipantThis reply has been marked as private.November 24, 2015 at 12:05 am #2737
Andrew MisplonKeymasterSuper 🙂 Glad I could help.
Please, try the following for the WooCommerce breadcrumb problem:
/* WooCommerce */ .woocommerce .container .woocommerce-breadcrumb { display: none; }
If you’d prefer them gone from the source code too, I’d be happy to look at a child theme solution tomorrow. Just let me know.
November 24, 2015 at 12:06 am #2739
Andrew MisplonKeymasterAhh, ok, just got your screenshot. One moment…
November 24, 2015 at 12:13 am #2741
Andrew MisplonKeymasterTry this instead:
/* WooCommerce */ .woocommerce .entry-header { background: #fff; padding-top: 0; padding-bottom: 10px; } .woocommerce .entry-header h1.entry-title, .woocommerce .container .woocommerce-breadcrumb { display: none; }
Set
#fff
to match your background and10px
to the padding you’d like there.November 24, 2015 at 12:17 am #2743
Dan BlackadderParticipantLegend, thank you so much dude!
- AuthorPosts
You must be logged in to reply to this topic.