1. Top
  2. Rhino
  3. Tuesday, 11 August 2020
Hi,

Is there a way to make portfolio result page full width - https://prnt.sc/txveuc
I have looked but cannot find the code!
Thanks
Responses (6)
Accepted Answer Pending Moderation
Hi,
You may use the following code to your custom CSS:

.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details-wrap {
max-width: unset;
}


Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards
  1. more than a month ago
  2. Rhino
  3. # 1
Accepted Answer Pending Moderation
Hi,
You may use the following code to your custom CSS:

.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details-wrap {
max-width: unset;
}


Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards

Sadly that dosen't make any difference
  1. more than a month ago
  2. Rhino
  3. # 2
Accepted Answer Pending Moderation
Would you please give me your site URL, to check the issue better?

Regards
  1. more than a month ago
  2. Rhino
  3. # 3
Accepted Answer Pending Moderation
Hi, I will have to PM you the details as the site is under construction. I will send them now
  1. more than a month ago
  2. Rhino
  3. # 4
Accepted Answer Pending Moderation
Hi,
If you want fullwidth then you can make the container 100%.
Here is the following code you can use in your custom.css file:

body.com-spsimpleportfolio.view-item #sp-main-body .container {
width: 100%;
}


Best Regards
  1. more than a month ago
  2. Rhino
  3. # 5
Accepted Answer Pending Moderation
thanks that sort of works but I think you are missing the point.
SP Simple Portfolio seems to override the template settings. I just want to be able to use fluid row on sp page builder and it becomes a fluid row, exactly the same as it I does it on any other page. Your css gets rid of all margins, padding making it all fluid row.
  1. more than a month ago
  2. Rhino
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.