Page Builder Article looks different when entered from Main Menu - Forum | JoomShaper
Staff replied SP Page Builder

Page Builder Article looks different when entered from Main Menu

Asked by Pauline Wessel 2 years ago Last activity 2 years ago

Hi,

I created an article with Sp Page Builder Pro, when I add the article to the MainMenu - the page looks different, then when I edit it. There is an extra Headline above the page, and the custom css of the page is not used, extra classes are not added to the elements. Page is still wip on a local server - so I cannot send any links.
If you give me an option I could attach screenshots.
I used Articles -> Single Article as option for the Main Menu
The address looks also different: when added to the Main Menu the address looks as expected page-address.de/alias
when opened directly its smth like: /component/sppagebuilder/page/18
The page is not a SP Page ( so it also cannot linked with an SP Page Builder Menu in the mainMenu ), but an article, styled with page Builder

19 replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
2 years ago

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. To better address the issue, could you kindly provide Joomla administrator access? This will enable me to thoroughly investigate the matter and provide you with a prompt resolution.

Note: Please share a screencast about the full scenario.

I appreciate your cooperation and will ensure to get back to you as soon as possible.

Best regards,

Toufiqur Rahman (Team Lead, Support)

Pauline Wessel Asked this
2 years ago

Unfortunatly I cannot share any access since its only on local development.
Here you can find a screen-cast of the issue:

Toufiq Senior Staff
2 years ago

Can you provide me a site backup to check your issue on my localhost?

Pauline Wessel Asked this
2 years ago

Sure:

Toufiq Senior Staff
2 years ago

Add this css code inside the custom.css box of your template settings. 

.itemid-117 .company-box h1.sppb-addon-title {
    background: #fff;
    padding: 50px;
    margin: -15px;
}

-Thanks

Pauline Wessel Asked this
2 years ago

Hi,
thanks for your answer. Unfortunatly this does not address the issue. Yes it brings back the white boxes on that page.

BUT:

I have this css already on the custom page

.company-box .sppb-addon-title {
    background-color: white;
    padding: 50px;
    margin: -15px;
}

and I dont want to have css that is only for that one page, on all other pages.

In addition this does not fix the issue of the additional Headline:
https://www.dropbox.com/scl/fi/1pu2m3sd64v9nrxvrvxvc/extra_headline.png?rlkey=7tw9s7v51u35kdycuefao7yuc&st=0vlnahm8&dl=0

And also does not adress the issue that the correct styling is only available with the wrong link:
Here you can see the correct address in the adress bar - but wrong styling loaded:
https://www.dropbox.com/scl/fi/yy80sqbdhfvw0dceyhcjm/corecct_address_wrong_styling.png?rlkey=wpq2mgcv6x886bm0ozcwpa78u&st=dv26alld&dl=0

Here yo can see the wrong adress in the addressbar - but the correct styling loaded
https://www.dropbox.com/scl/fi/sl2pzlxfdqewuslnhkj1j/wrong_adress_corect_styling.png?rlkey=i97100bbkx4g1wbte4zrnnw38&st=21nizr8u&dl=0

Toufiq Senior Staff
2 years ago

I kindly request you to share a screenshot of exactly what you're looking for. Please highlight the area of the issue with a red mark for clarity. Thanks

Pauline Wessel Asked this
2 years ago · edited

Extra Headline:
https://www.dropbox.com/scl/fi/yy80sqbdhfvw0dceyhcjm/corecct_address_wrong_styling.png?rlkey=wpq2mgcv6x886bm0ozcwpa78u&st=x998lizo&dl=0

Correct Address - leads to wrong styling
https://www.dropbox.com/scl/fi/yy80sqbdhfvw0dceyhcjm/corecct_address_wrong_styling.png?rlkey=wpq2mgcv6x886bm0ozcwpa78u&st=meec7pds&dl=0

Wrong adress - lead to correct styled page:
https://www.dropbox.com/scl/fi/sl2pzlxfdqewuslnhkj1j/wrong_adress_corect_styling.png?rlkey=i97100bbkx4g1wbte4zrnnw38&st=8ocnkety&dl=0

This is how the page should look like if you click on "Firmen & Künstler "
https://www.dropbox.com/scl/fi/bn8mdgk2ictn9bfq0xtvh/correct_layout.png?rlkey=kgvrqnfdoq6ohat725uq5kpoz&st=e0fmbcgj&dl=0

This is how it actually looks ( without extra css in the template css - since I only want it on that specific page )
https://www.dropbox.com/scl/fi/e62a15e6rxlsjsv6vv6mm/how_the_page_looks.png?rlkey=4ubx45bggcj1eja7uwm3iton0&st=kqwnfsqc&dl=0

Toufiq Senior Staff
2 years ago

Create a page using Page Builder & assign this page inside the menu item instead of Joomla article.

Firmen und Künstler

Download this zip file & upzip first this zip file. Then import this JSON file inside of your page (Firmen und Künstler).

template-5ec4f5f9-a4d2-41b3-8f61-ec326479458e.json.zip

Screenshot at Sep 12 17-09-52.png

Output
Screenshot at Sep 12 17-10-17.png

-Thanks

Pauline Wessel Asked this
2 years ago · edited

Yeah sure - I can create the page as a standalone page wit Page Builder ( and not as an article ). Which will then solve the issue for that one page.

But that is not solving the issue that articles which are created with SP-PageBuilder do not load the custom css - and I need articles to fit my blog layout.

Pauline Wessel Asked this
2 years ago

Made my page available on a test-server for now.
You can also see the issue on this article:

This looks like this
http://server.friedrichwessel.de:9090/index.php/vereine/radwege-luedersdorf

But if it should look like this:
http://server.friedrichwessel.de:9090/index.php/component/sppagebuilder/page/23

( Same page - one opened with the direct article link - the other one with the SP preview link ) - first one does not load the custom css of the page which is: 

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 2500px !important;
    }
}

and allows the first image to use more width the a usual article is allowed to use.

Toufiq Senior Staff
2 years ago

Your URL doesn't open on my end.

Pauline Wessel Asked this
2 years ago

Looks like your DNS is not allowing IPv6 or is very outdated.
Can you try to access the server directly ( see hidden content )

Toufiq Senior Staff
2 years ago

What to do?

Log in to reply.