Canape theme content width

  • Unknown's avatar
    caylahcoffeen · Member ·

    I use the Canape theme on my site. For some pages I like the narrow style which doesn’t take up the whole width of a desktop browser, but is centered in the middle of the page to encourage reading downward. But for some pages I want to be able to use the full width of the screen to add multiple blocks horizontally rather than vertically. I just upgraded to premium seeing that it allowed customization of styles and thought I found a way to do it (by adjusting the pixel display width), but that didn’t do anything. Has anyone had success customizing this theme in such a way? Thanks for the help!

    The blog I need help with is: (visible only to logged in users)

  • aleone89 · Staff ·

    Hey there,

    Happy to help you with this.

    So it sounds like you would need some custom CSS, on a per page basis to achieve what you’re looking for there.

    Thankfully, this is possible on the WordPress.com Premium plan. Are you able to provide a link to the page you’re looking to adjust to full width?

    Many thanks in advance!

  • Unknown's avatar
    caylahcoffeen · Member ·

    Thank you! I didn’t see an option for adding custom CSS to individual pages. These are the ones I’d like to be able to use the full width: https://creativecornerstones.com/pre-release-materials/, https://creativecornerstones.com/marketing/. Thanks!

  • aleone89 · Staff ·

    Hey there,

    Many thanks for that additional information,

    So this is the CSS you require: 

    /* Full width /marketing/ */


.page-id-254 .content-wrapper.full-width.with-featured-image {
    width: 100%;
}

/* Full width /pre-release-materials/ */

.page-id-312 .content-wrapper.full-width.with-featured-image {
    width: 100%;
}

    This can be added via Appearance > Customize > Additional CSS.

    I hope this helps!

  • Unknown's avatar
    caylahcoffeen · Member ·

    Thank you so much!

  • Unknown's avatar
    caylahcoffeen · Member ·

    That worked perfectly on the marketing page, but not on the pre-release materials page. Do you know what might be wrong with the second one? Thanks again!

  • staff-totoro · Staff ·

    Hi there,

    I noticed that your Marketing page is set to use a different template than your pre-release page. You can see here what is set for Marketing:

    If you edit the Pre-release page and change it to use the same template does that also make the content wider?

    Thanks for the additional info!

  • Unknown's avatar
    caylahcoffeen · Member ·

    I had noticed that and tried previewing it in the same setting as the marketing page. It didn’t look any different but it turns out I had to just update the page to see the change. That did indeed work! Thank you so much!

  • The topic ‘Canape theme content width’ is closed to new replies.