How to make a Full Width Article?

This support request was posted in Flatbase by jasonfnorth

Request ID #5674 In Progress
  • I’m aware how to create a Full Width Page, but how about a Full Width Article?

    Juanfra Aldasoro

    Hello Jason,

    Thanks for writing and hoping that you are doing well today.

    Actually, the template for articles is only one, so there’s no way to set a full width distribution within the options, or while creating the article.

    What you can do is set a full width structure from the css rules. Something like:

    body.single-article #content {
        width: 100% !important;
    }
    
    body.single-article #sidebar {
        display: none !important;
    }
    
    

    Best,
    Juan.

    Hi Juanfra… happy Friday, thanks for your help.

    The problem is we only want 1 or 2 articles to be full-width, but we want all of the others to remain standard with the right sidebar.

    Will your code above make ALL ARTICLES full-width? If so, that won’t work.

    Thoughts?

    Cheers,
    Jason

    Juanfra Aldasoro

    Hello Jason,

    Thanks for the follow up.

    Well, each article page has its own identifier. You can get that identifier by checking the body class of that page with firebug. For example, something like postid-43

    Then, instead of using body.single-article, you need to use body.postid-43 to apply the rule only for that article.

    Best,
    Juan.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Not a member? Create a free account.

Create a Free Account