Skip to:
Content
Pages
Categories
Search
Top
Bottom

Full Width Profile Pages

  • @buddypresshelpme

    Participant

    Hello,
    I need to make my profile pages full width. As of now, everything is constrained to the left part of the screen.

    Please let me know how I can go about changing this.

    Thank you.

    Profile Page Image:https://puu.sh/rwVba/496435d333.png

    WP version: Current
    BP version: Current

Viewing 1 replies (of 1 total)
  • @danbp

    Participant

    Hi,

    your site is pwd protected, so i removed the link to it.

    You can do that by CSS from within your child-theme style.css
    As it is not only BuddyPress css, but also dependent of your theme, you have to check for the correct classes and id’s to use.

    1) we hide first the sidebar on the profile.
    2) we enlarge the content part to full width (100%)

    On each BP page is a page-id-{number}. You need it to define the style for this page only.

    As example, this is working with Twenty Sixteen

    /* remove sidebar */
    body.page-id-0 aside#secondary {
    	display: none;
    }
    
    /* enlarge content to full width */
    body.page-id-0 div#primary{
    	background-color: yellow;
    	width: 100%!important;
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.
Skip to toolbar