[Hans]

Hi Skandha,

I meant: only on the gps page.

Kind regards

Hans Hagmeijer

[Hans]

Hi Skandha,

Yes

Kind regards

Hans Hagmeijer

[Hans]

Hello Skandha,

I will try the weather forecast in the heather right widhget area.
Making a child time and customizing asks more knowledge than I have, I think.

Kind regards

Hans Hagmeijer

[Hans]

Hello Skandha,

That is working fine. Thank you.

Kind regards

Hans Hagmeijer

[Hans]

Hi Skandha,

I found the solution

Kind regards

Hans Hagmeijer

[Hans]

Hello Skandha,

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

Kind regards

Hans Hagmeijer.

[Hans]

Hello Skandha,

Thank you.
This will be much better.
Thank you for helping and have a nice weekend.

Kind regards

Hans Hagmeijer.

[Hans]

Hi Skandha,

I wonder if it is possible to make the body wider than this. This for some wide tables we use.

But if it is not possible, it is no big deal.

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

[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,

did it.
On the screen of the laptop going well.
If I enable the css sidebar, there is a ga between image 4 and 5

If I open the website on an iPad, there is also a gap between image 4 and 5.

See image:
https://drive.google.com/file/d/15RMyI-nbiSoayPH5-yD6t3QlJ9rZXtWZ/view?usp=sharing

Kind regards

Hans Hagmeijer

[Hans]

Perfect, Skandha,

Thanks.

Kind regards

Hans

[Hans]

Hello Skandha,
https://drive.google.com/file/d/1rCoMtdQyz9IZwArr7rxOxcWel6TLp63P/view?usp=sharing

Maybe this time I succeed in displaying an image.

It is almost what I like that it should be.
What you can see (also on the url: leusden.hagmeijer.nl) is that there is a horizontal separation between the articles.
What is missing is the vertical separation.

Tot explain
now we see:
article article article
separation
article article article

what is should be is:
article separation article separation article
separation
article separation article separation article

I understand that maybe this is not possible.

Kind regards

Hans Hagmeijer

[Hans]

Hello Skandha,

Thank you for answering.
This is not what I wanted. Now (see picture) the whole background has got the same color. What I should like is that the background of the section stays white and the individual content gets the new background.
Maybe what I am asking isn’t possible.

Kind regards

Hans Hagmeijer

[Hans]

Hi skandha,

The urls are:
https://leusden.hagmeijer.nl/clubkampioenen/
and
https://leusden.hagmeijer.nl/gpsroutes/

remark:
When the website is ready, I migrate the site to the domain of our cycling club.

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

[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]

Hello Skandha,

On my laptop (13 inch MacBook Pro) all seems fine.
On my iPad (2019) the issue hasn’t been solved.
On a 17 inch windows monitor all is ok.

The right side of the featured two columns on the iPad shows:
picture—- picture
white gap—— picture
picture—white gap

Kind regards

Hans Hagmeijer

[Hans]

Hi Skandha,

I can imagine that you cannot reproduce the issue, because this morning on my laptop all was working fine.
When I took a look on the iPad, there was the same effect.
If I could send you a an image, then all should be clear.
Now I try to describe the issue.

On the left site, there is one big picture and an excerpt. That is ok.
On the right site, there were four other pages, only pictures.
On the first row: the situation is: picture — picture
on the second row: the situation is: gap — picture

And after a night sleep: the situation was as ment
picture — picture
picture — picture

Kind regards

Hans Hagmeijer

[Hans]

Hi Skandha,

I gonna make a page: gasroutes.
And I gonna make a page: kampioenen

And after that I think I can finish step by step the website.

Many thanks

Kind regards

Hans Hagmeijer

[Author]

Posts