[Hans]

Hi

Question: we should like to display the scrolling section on a random page. Par example: we are a cycling club and we have multiple gps tracks to the north, est, south and west.
On the route page we should like that the visitor can see a scroll section with the different tracks.

The code for displaying the scrolling section on the news page is (as we got from Skandha):
body:not(.blog) #catch-mag-scrolling-section {
display: none;
}

Is it possible to replace the word (.blog) by the name of the page on which we want to display gps tracks?

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Hello Hans,
You will need to replace .blog with the page id of the page where you want to have the scrolling section.

Can you let me know on which page you would like to enable the Scrolling Section?
Kind Regards,
Skandha

[Hans]

Hello Skandha,

I tried this:
body:not(.blog) #catch-mag-scrolling-section {
display: none;
}

replaced by
body:not(.gpsroutes) #catch-mag-scrolling-section {
display: none;
}

result: no effect on the page gps routes

Next attempt:

replaced by
body:not(.5804) #catch-mag-scrolling-section {
display: none;
}

result: error (Red Cross) in css as soon as I wrote a number.

Please: can you explain me what I am doing wrong

Kind regards

Hans Hagmeijer

[Hans]

Hi Skandha,

After I imported the demo version of Catch Mag Pro, the CSS that you gave me, does not work anymore.
Scrolling section is not displayed on the blog page.
Is it an idea to delete the total website an begin from the beginning without the demo data?

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Hello Hans,
To enable Scrolling Section only on GPS routes page
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

body:not(.page-id-5804) #catch-mag-scrolling-section {
	display: none;
}

Let me know if this works out!
Kind Regards,
Skandha

[Hans]

Hello Skandha,

This did not work out.
I send you three images.

1. the added css
https://drive.google.com/file/d/1UFpcVxcfYsOlBvyKXZliGeE04kUkFDtM/view?usp=sharing
2. the page id
https://drive.google.com/file/d/1OM7N5O7w0YDayb-ybMB2SRL5d8XScGUD/view?usp=sharing
3. the effect of css added om gpsroutes page.
https://drive.google.com/file/d/1-mKtH-prVpgTrcQEen1rGjsjC6FcTTDS/view?usp=sharing

And I noticed that this seems to occur after importing the demo data. Since that day also the scrolling section dissapeared from the news page. Is it an idea to de install the website and begin from the beginning without the demo data?

Kind regards

Hans Hagmeijer

[Hans]

Hello Skandha,

If I replace
body:not(.page-id-5804) #catch-mag-scrolling-section {
display: none;
}

by .page-id-5804 #catch-mag-scrolling-section {
display: none;
}
then it seems to work.
Does this sound familiar to you?

But on the news page it still doesn’t work anymore.

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Hello Hans,
You can enable the Scrolling Section from customizer again.

If you use the CSS Code

.page-id-5804 #catch-mag-scrolling-section {
  display: none;
}

the Scrolling Section will be hidden in GPS Routes page.

Kind Regards,
Skandha

[Hans]

Hello Skandha,

Thank you for advising. Now I understand the principle behind the css.

Kind regards

Hans Hagmeijer.

[Author]

Posts