How do you design the default look of individual blog posts?

Hey BeTheme,

I am setting up a blog page, and when I click Read More, I want a default background image at the top (behind the blog title), and a custom gray background on the individual blog post page. Where can I find instruction on how to configure this default page?

Thanks!

Comments

  • Hello,
    please send us a link to your single post page so we can see how you set it up. There are many possible configurations and we need to inspect the code.
    thanks
  • Hello,

    Here's a sample page I started: https://essencemedspa.net/2020/02/04/test-blog/

    By default, I want the header behind the blog title to always have the same background photo for all new blog posts.

    I need the footer to automatically load on every blog post.

    The body background should be #F4F4F4 by default for every blog post.

    Thank you!
    Eric
  • Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS
    body.single-post #Content{
    background:#F4F4F4 !important;
    }

    About the footer, it looks like the problem is related to the plugins conflict.
    Please disable all of them, clear the cache and check, if the issue still exists.
    Also, please update your theme to the latest version.
    Thanks

  • edited February 2020
    Thanks for the input. I pasted the code which added the gray background. I also disabled all plugins, but then remembered the Footer is manually added to every page via the page builder, which leaves me with two requests:

    1) Is there an easy way to duplicate the manually-built footer and automate its appearance on all post pages?

    2) How can I enable an auto-appearing header image at the top of every new blog post?

    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.