Support » Theme: Bakery » Expand the reading pan and remove the sidebar

  • Hi there
    I would like to know is there is a way to extend the reading pan to be the whole with of the web page and not just in the center. cause it cuts off and re-arranges my content.

    If i can just extend it a bit that would be great and save me a lot of headache.

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi speeddragon,

    Could you please post a link to your site. This would make it easier to help you.

    – Maria Antonietta

    this is the site that im working on.

    Thank you Speeddragon,

    I’m not sure if I understand correctly what you mean by reading pan, but if you mean to make the main content (chef with cake and text) span the full width of the page, here’s the CSS to put in a custom CSS editor:

    .content-area {
      width: 100%;

    I hope this works 🙂

    Hi Maria

    Thank you for your help, That coding worked perfectly exsactly what i was asking for. now the site looks so mush better.

    I just would like to ask if you have any codes that i can use for text on an image. or to change the background , there where the Chef with text is. i managed to change the sites background but cant seem to find where to change the background. in the content area on the home page.

    Thank you

    If you need to change the background in the entire content area, you can use this snippet:

    .site-content {
        background: red;

    If you’re looking to change the background only in the middle part, where the chef is, try this:

    .site-main {
      background: red;

    I hope this helps 🙂

    Obviously, you can replace red with your favorite color.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Expand the reading pan and remove the sidebar’ is closed to new replies.