Blog Full Width (One Column)

  • jerryr125

    (@jerryr125)


    9 years, 2 months ago

    Hi – I created a page for the blog posts called “Blog”.
    The title of the page appears on the left and the posts appear on the right.

    I have in the read settings
    “For each article in a feed, show ” Full Text.

    When I go to the blog page it shows the full text but the title of the page “Blog” appears on the left and the articles appear on the right.

    How do I make this page full-width (one column) ??
    When I go to Appearance —> Customize the “Theme Options” does NOT display for the Blog page BUT displays for the other pages on my site.

    Bottomline – I want to make the blog page full width.

    Help! Thanks – jerryr

Viewing 3 replies - 1 through 3 (of 3 total)
  • jerryr

    (@jerryr)

    9 years, 2 months ago

    hi – any help on this topic ?

    jerryr

    (@jerryr)

    9 years, 2 months ago

    Hi – Any help on this topic ???

    Sheriziya

    (@sheriziya)

    9 years, 2 months ago

    Hi @jerryr,

    It’s a common issue that has come up in several topics already. I’ll give you the solution I was given in the topic I created about it sometime ago. Copy and paste this code in the CSS tab of the customizer:

    @media screen and (min-width: 48em) {
    .blog:not(.has-sidebar) #primary article,
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,
    .search:not(.has-sidebar) #primary article,
    .navigation.pagination,
    body.blog .site-content .page-header,
    body.archive .site-content .page-header,
    body.search .site-content .page-header {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 740px;
        width: auto;
    }
}

    Good luck!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Blog Full Width (One Column)’ is closed to new replies.