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:
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?
This is a private message.
This is a private message.
Hi Endless,
I haven’t received the login details. Could you resend the details?
This is a private message.
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
This is a private message.
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.
This is a private message.
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?
This is a private message.