Increase main column width – Affinity theme

  • Author
    Posts
  • #3314955

    Hi!
    I need some help on Affinity theme.
    The main column width is 560 for blog posts and 716 for pages.
    I would like to increase this everywhere (home page / pages / blog / portfolio).
    Do you think it’s possible with CSS?
    Thanks,
    C.

    The blog I need help with is tonalbumarcenciel.fr.

    #3315762

    Hey,

    I had a look at the theme styling and I think that this is the CSS that will do the trick for you:

    /* change the width for pages - 716px */
    .affinity-front-page .no-featured-image .edit-link, affinity-front-page .site-content .entry-header, .affinity-front-page .site-content .entry-content, .affinity-front-page .site-content .entry-footer, .page-template-guestbook .site-main, .no-sidebar .site-main {
    max-width: 800px !important;
    }
    /* change the width for posts - 560px */
    .page-template-guestbook .site-main, .no-sidebar .site-main {
    max-width: 800px !important;
    }

    Regards,
    Radu

    #3316205

    Hi Radu,
    thanks again for your help!
    I tried your CSS and it didn’t work so I tried this… and it worked!

    /* change the width for pages – 716px */
    .affinity-front-page .no-featured-image .edit-link, affinity-front-page .site-content .entry-header, .affinity-front-page .site-content .entry-content, .affinity-front-page .site-content .entry-footer, .page-template-guestbook .site-main, .no-sidebar .site-main {
    max-width: 100% !important;
    }
    /* change the width for posts – 560px */
    .page-template-guestbook .site-main, .no-sidebar .site-main {
    max-width: 100% !important;
    }
    Thanks,
    C.

    #3316290

    Hi again!
    It works for the frontpage but then it doesn’t work for posts and pages… too bad…
    What do you think? Any great idea?
    Thanks,
    C.

    #3316762

    Hi charlottemorin,

    I’ve tested @raduconstantin1‘s CSS and it is working for me. Can you send a link to the page that isn’t behaving as expected after adding it? That way, we can see if the CSS needs tweaking to include that one too.

The topic ‘Increase main column width – Affinity theme’ is closed to new replies.