Sp Simple Portfolio does Not Look Like It was Created With The Sp Page Builder - Question | JoomShaper
Back to the questions

Sp Simple Portfolio does Not Look Like It was Created With The Sp Page Builder

D

Dominik

SP Page Builder 9 months 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

0
4 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 9 months ago #181910

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

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 9 months ago #181909

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.

0
D
Dominik
Accepted Answer
9 months ago #181914

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 9 months ago #181925

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.

0