Storefront Homepage Width Change

  • Resolved irreverance

    (@irreverance)


    6 years ago

    I have been using the Default template on my homepage. Now, to use a plugin, I have to us the Homepage template. I bypassed this before because I couldn’t figure out how to increase the page width. Now I have to tackle it.

    The page linked above is my test page. Here is the current homepage for my site: https://www.puppytutor.me

    I have added some CSS that I found here (https://www.ads-software.com/support/topic/homepage-article-not-full-width/) to increase the margins (first suggestion). Still, it’s not as wide as the current homepage.

    I don’t know what to do to make it look the same. Is there an easy way to make the Homepage template adopt the settings of the Default template?

    NOTE: I really don’t know much of anything about coding.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello irreverance,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer(i.e customize -> additional css)

    .fl-builder-content {
    width: 1100px; /* width size you can change as per your requirement */
}

    Hope this will helps you.

    Thanks.

    Thread Starter irreverance

    (@irreverance)

    Thank you very much. That gave me the correct width. However, now, everything has shifted to the right.

    Any ideas on how to fix that?

    Thread Starter irreverance

    (@irreverance)

    Update: I just noticed that it appears to be functioning as if there is a left sidebar. I think I need to remove that.

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hey @irreverance – first of all, the page you are using for testing is no longer accessible. Second, the fact that this is changed by the class with .fl in it, means that this is not a request for Storefront, but for Beaver Builder: https://www.wpbeaverbuilder.com/integrating-a-page-builder-with-your-wordpress-themes/

    Please use their support for help with this. I’ll mark this thread as resolved, since it’s not related to Storefront.

    I am using Storefront and I believe I need help with this. I’m trying to get my site to appear at complete full width but I can’t figure out how? The preview image of the Storefront theme looks completely full width, but no matter what I do, I can’t get my pages to look like that? Can you help @jobthomas?

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hey @graceandflourish – when using this forum, if you have questions that are similar to threads that are closed/resolved already, please open a new one, and make sure to include the URL of your site so we can have a look there. Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Storefront Homepage Width Change’ is closed to new replies.

Tags