- This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by
.
Hi there. Awesome theme and support!
http://www.edenfestival.co.uk/SITE
I would like my single posts to display exactly the same as the other pages.
How do I remove the sidebar from single posts?
I also need to add the background image to single post pages. How can i do this?
Is it also possible to remove the author, date and category?
And what about the ‘share’ button and pagination?
Many thanks in advance.
Reuben.
Solution for this topic
Hi Reuben,
I hope you are well today and thank you for your question.
To achieve this you can configure blog post settings as displayed in the attached screenshot.
You can display background image on single post by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
body.single.single-post { background: url("http://edenfestival.co.uk/SITE/wp-content/uploads/2017/03/EDEN_HEADER_CONTENT_RED.png"); background-size: cover; } body.single.single-post .sh-header, body.single.single-post .sh-titlebar { background-color: transparent; }Best regards,
Shufflehound teamOkay that’s a great start. Thank you.
However, my nav bar is lower than usual so I need the post content to appear further down the page. I tried adding padding-top to body.single.single-post {} but that pushes the nav down too.
You can see the example here – http://edenfestival.co.uk/SITE/2017/02/10/eden-2017-second-line-up-announcement/
Also, on mobile the background image is cut in half, instead of shrinking proportionally.
Is it possible to centrally align the post title? And change the font/color?
How would I control the padding either side of the post content?
Thanks again.
Reuben.
You are most welcome here 🙂
What you are trying to achieve require custom coding.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see http://support.shufflehound.com/download/jevelin-beta/
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Okay that’s fair enough. I’m confident i can solve the nav bar issue myself.
However, surely you can explain why background-size: cover does not work properly on mobile? Is there a media query somewhere that is over ruling it?
Many thanks,
Reuben
Try using background-size: contain instead of background-size: cover
