Editing post layout.

Home › Forums › Jevelin Theme › Editing post layout.

Home › Forums › Jevelin Theme › Editing post layout.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    NOT RESOLVED Posts

  • roobinda
    Participant

    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.

    Shufflehound Support
    Moderator

    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 team

    Attachments:
    You must be logged in to view attached files.

    roobinda
    Participant

    Okay 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.

     

     

     

    Shufflehound Support
    Moderator

    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

    roobinda
    Participant

    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

     

    Shufflehound Support
    Moderator

    Try using background-size: contain instead of background-size: cover

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)