How to avoid Cassiopiea header on pages created in SP Page Builder? Topic is solved

[theachiever]

Dear Friends,

I have created some pages (using SP Page Builder)...

But Cassiopiea Header is appearing on all pages of website.

cats-2.jpg

I don't want this header to appear on most pages created with SP page builder.

How can I avoid this header and the white gap below it to appear on a few selected webpages?

Your guidance is highly appreciated...

With thanks,

RK

[Per Yngve Berg]

Add tpl=component to URL That will load the component.php layout without anything outside the component area.

[Pavel-ww]

I don't want this header to appear on most pages created with SP page builder.

How can I avoid this header and the white gap below it to appear on a few selected webpages?

Hi. For selective hiding on the desired pages: add class to the page in menu item settings

1.jpg

--
and use CSS

Code: Select all

.header-hide header {
	display: none;
}

--
For all pages created via SPPB: CSS only, without adding class to the page.

Code: Select all

.com_sppagebuilder header {
	display: none;
}

Not sure about "white gap". It looks like this is a local problem. If this does not disappear, provide a link to the site.

[theachiever]

Add tpl=component to URL That will load the component.php layout without anything outside the component area.

I don't know how to do this...

I tried to add this tpl=sppagebuilderpro, but it is turncated.

With thanks,

RK

[theachiever]

I don't want this header to appear on most pages created with SP page builder.

How can I avoid this header and the white gap below it to appear on a few selected webpages?

Hi. For selective hiding on the desired pages: add class to the page in menu item settings
1.jpg
--
and use CSS

Code: Select all

.header-hide header {
	display: none;
}

--
For all pages created via SPPB: CSS only, without adding class to the page.

Code: Select all

.com_sppagebuilder header {
	display: none;
}

Not sure about "white gap". It looks like this is a local problem. If this does not disappear, provide a link to the site.

Your solution worked perfectly, I chose to use .header-hide header code. Similar code worked to remove the footer also.

Thank you very much!

[Pavel-ww]

Hi. You are welcome

[theachiever]

Not sure about "white gap". It looks like this is a local problem. If this does not disappear, provide a link to the site.

The white gap is still there on most pages.

For example, https://luminisindia.com/networking-free

On the very top of webpage, this white gap is visible...

Kindly suggest what to do.

With thanks,

RK

[Pavel-ww]

The white gap is still there on most pages.

For example, https://luminisindia.com/networking-free

On the very top of webpage, this white gap is visible...

Hi. The solution only for pages made in SPPB.

Code: Select all

.com_sppagebuilder main {
	margin-top: 0;
}

Just in case, this is the solution for all types of pages, but I do not think that it should be applied.

Code: Select all

.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child {
	margin-top: 0;
}

[theachiever]

Hi. The solution only for pages made in SPPB.

Code: Select all

.com_sppagebuilder main {
	margin-top: 0;
}

Thanks Pavel.

The above code worked this time also.

Can you point me to one more problem that is emerging from the cocktail of Joomla 4, SP Pagebuilder and Breezing Forms?

If you see the same page https://luminisindia.com/cpt-isclosed, you can observe that around the form section there is a solid color (very much similar to the picture in the background)...

cats-2.jpg

A few months ago I was using some template in Joomla 3.11 perhaps, then I was using this form (iframe) with transparent background... It was transparent and I had no issue...

But since migrating to Joomla 4 with Cassiopiea, the transparent background is resulting in solid white...

I raised an issue on Joomla forums but there is still no help... There was no response on Breezing Forms forums either.

Kindly have a look at viewtopic.php?f=811&t=1002305

Soliciting guidance one more time from you,

With thanks,

RK