[Resolved] Home Page Full Width CSS

Home Forums Support [Resolved] Home Page Full Width CSS

Home Forums Support Home Page Full Width CSS

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2036400
    Oliver

    Hi – I am using the CSS below to create a single column 800px wide layout for posts, pages and archives, i.e. anything with the .no-sidebar class. However, I want the homepage to be full width so I can create a custom home page using GenerateBlocks, but I want all the other webpages (posts, pages, archives, category pages) to be 800px wide in a single column format. Do I need to use CSS to create a full width homepage? The domain is {edited} but it’s currently showing blog posts on the homepage.

    The CSS I am using is:

    .no-sidebar .inside-article {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }

    h1.page-title {
    text-align: left;
    font-size: 30px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }

    .author .page-header .page-title {
    justify-content: left;
    font-size: 30px;
    max-width: 800px;
    }

    .author-info {
    text-align: left;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }

    .rank-math-breadcrumb {
    font-size: 14px;
    font-weight: 800;
    }

    .site-footer {
    font-size: 12px;
    }

    Can you help me get the home page full width?

    Thank you.

    #2036422
    Ying
    Staff
    Customer Support

    Hi Oliver,

    You won’t need to use CSS to achieve the layout, instead you can use a layout element:
    https://docs.generatepress.com/article/layout-element-overview/

    Let me know if you need further assistance ๐Ÿ™‚

    #2036889
    Oliver

    Thanks Ying. I have the pages looking the way I want them now using the Layout Elements as you suggested. Thank you!

    #2037506
    Ying
    Staff
    Customer Support

    Good job!

    Glad to help ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.