• Resolved netmatt

    (@netmatt)


    Running the ares theme, and trying to get full width posts. I can get full width pages, and single post…but not the list of posts.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hey there netmatt,

    Hope you’re well today 🙂

    You should be able to achieve this with some custom CSS. Can you please post link to your blog page and I’ll help you with removing sidebar and making content 100% wide.

    Best regards,
    Bojan

    Thread Starter netmatt

    (@netmatt)

    Thanks for the offer! I have removed the sidebar, and late last night (LATE!) I got it to work by modifying the main index.php. I changed the col-md-9 to col-md-12.

    I am using a Child Theme, and I tried to modify col-md-9 in the CSS of it, but nothing I did seemed to work. I would prefer that, as any theme upgrade I have to make this change again.

    Below is a snippet of the before/after:

    <div id="content" class="site-content-wrapper <?php echo esc_attr( of_get_option('ares_theme_background_pattern','crossword') ); ?>">
        <div class="page-content row">
            <div class="col-md-9  site-content item-page <?php echo esc_attr( of_get_option('sc_blog_layout') ); ?>">
                <?php if (have_posts()) : ?>
                    <?php /* Start the Loop */ ?>

    to

    <div id="content" class="site-content-wrapper <?php echo esc_attr( of_get_option('ares_theme_background_pattern','crossword') ); ?>">
        <div class="page-content row">
            <div class="col-md-12  site-content item-page <?php echo esc_attr( of_get_option('sc_blog_layout') ); ?>">
                <?php if (have_posts()) : ?>
                    <?php /* Start the Loop */ ?>

    Hey again netmatt,

    After checking the theme I found that there is an option in theme settings to use full width page on your blog page but for some reason it doesn’t work properly.

    I’ve managed to set this up with CSS by adding the following using Simple Custom CSS plugin, if you’re already using child theme you can add it at the bottom of your child theme style.css:

    .blog .col-md-9.site-content.item-page {
        width: 100%;
    }

    This should make your blog page full width, if the code doesn’t work please post link to your site with the code added and let me know so I can take a look 🙂

    Cheers,
    Bojan

    Thread Starter netmatt

    (@netmatt)

    Great, thank I will give it a try! 🙂

    Thread Starter netmatt

    (@netmatt)

    That worked great, thanks again!

    Glad I could help 🙂

    Cheers,
    Bojan

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

The topic ‘[Theme: Ares] Full width blog posts’ is closed to new replies.