This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Full Width Page

Resolved 11 replies customizationpluginplugin-page-builder
Endless Motor
9 years ago · Last reply by Endless Motor 9 years ago

Hello all,

I own a basketball site where I do features on budding basketball prospects. I am trying to create individual player profiles for each prospect that we have an article for. Unfortunately, I am having issues getting the content to fill the full body/width/gray space of the page. Using Site Origin page builder, I managed to get two columns to fill the width of the page, but have had no luck with any of the other columns or the container. I’ve tried setting the page template under attributes to full width….nothing. I’ve tried setting selecting full width for the layout specific page….nothing. I’ve inspected the element to see what the container or page class/id are but I have no idea what to do with the information after i’ve identified each container,divider or the page id/class.

The page I am referring to:
http://endlessmotor.net/profile/

A pages I’d like to emulate:

Jordan Poole

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Alex S Staff 9 years, 8 months ago

    Hi Endless,

    Profile pages are sadly not public. Would it be possible for you to create a temporary admin account for us so we can log in and take a look at this users profile?

  2. Alex S Private Staff 9 years, 8 months ago

    This is a private message.

  3. Endless Motor Private 9 years, 8 months ago

    This is a private message.

  4. Alex S Staff 9 years, 8 months ago

    Hi Endless,

    I haven’t received the login details. Could you resend the details?

  5. Endless Motor Private 9 years, 8 months ago

    This is a private message.

  6. Alex S Staff 9 years, 8 months ago

    Hi Endless Motor,

    Thank you for the login details but awkwardly, it’s not treating me as logged in on the website. Do you know why? :S

  7. Endless Motor Private 9 years, 8 months ago

    This is a private message.

  8. Alex S Staff 9 years, 8 months ago

    Preface: This CSS will only work for Endless Motor.

    Hi Endless Motor,

    Thanks – I was able to log in.

    If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .page-id-923 .container {
	width: initial !important;
}
.page-id-923 .container, .page-id-923 .main-content-inner, .page-id-923 #secondary {
	padding: 0 !important;
}
.page-id-923 .post-inner-content {
	border-right: none !important;
}
.page-id-923 .well {
	border-left: none !important;
}

    How does that look? (please disable full width stretched on that row to resole the extended width)

    You might also need to install the SiteOrigin CSS Editor.

  9. Endless Motor Private 9 years, 8 months ago

    This is a private message.

  10. Alex S Staff 9 years, 8 months ago

    Hi Endless Motor,

    To answer your question, yes.

    Please navigate to WP Admin > Appearance > Custom CSS and remove the following CSS:

    .page-id-923 .post-inner-content {
	border-right: none !important;
}
.page-id-923 .well {
	border-left: none !important;
}

    Then add the following CSS:

    .page-id-923 .main-content-area {
	margin-top: 0;
}
.page-id-923 {
	background: none;
}
.page-id-923 .post-inner-content,
.page-id-923 .well {
	border: none !important;
}

    How does that look?

  11. Endless Motor Private 9 years, 8 months ago

    This is a private message.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread