sp simple portfolio does not look like it was created with the sp page builder - Forum | JoomShaper
Solved SP Page Builder

sp simple portfolio does not look like it was created with the sp page builder

Asked by Dominik 1 year ago Last activity 1 year ago

Hi there
I would like to integrate the SP Simple Portfolio component into my site. When I create a page with the SP Page Builder it looks exactly the way I want it to:
https://eloquent-shaw.142-132-146-93.plesk.page/index.php/component/sppagebuilder/page/15

However, when I look at it live I get the following:
https://eloquent-shaw.142-132-146-93.plesk.page/index.php/component/spsimpleportfolio/item/9-neubau-8-wohnungen-muehlenstrasse-12-st-gallen?Itemid=0

The width is not utilized as with the SPPB. I have previously deleted the date and tags (.sp-simpleportfolio-created, .sp-simpleportfolio-tags {display: none;}) in the custom.css. What can I do to make it look like it was created with the SPPB?

Thank you
Domi

Accepted answer

Marked as the solution
Ofi Khan Staff

Hello Dominik,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

Please use this CSS to
Template Options -> Custom Code -> Custom CSS

.sp-simpleportfolio .sp-simpleportfolio-description{
    width: 100%;
}
@media (min-width: 1400px) {
    #sp-main-body .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
        padding: 0px;
    }
}
.view-item #sp-main-body {
    padding: 0px;
}
.sp-simpleportfolio .sp-simpleportfolio-img{
    width: 100%;
}

Hopefully, it will get you the desired view.

Best regards

3 more replies

Atick Eashrak Shuvo Staff

Apologies for the inconvenience, Domi. The issue occurs because the SP Simple Portfolio component uses its own predefined layout, which differs from the SP Page Builder design. While this is not technically an issue, adjustments can be made to align the design with your SP Page Builder layout. Please check the customizations I have applied to the custom.css file to address this. Let me know if you need further assistance.

Dominik Asked this

Hi there

Thank you both for the answer. I have implemented the code from Ofi in my custom.css and then it was displayed exactly as I would like it. Atick's reply still had margins at the top, bottom and side. But many thanks to you anyway.

Domi

Ofi Khan Staff

You are welcome 😊

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

Log in to reply.