more pages in special color

This topic has 6 replies, 2 voices, and was last updated 3 years ago by Hans.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
October 21, 2021 at 10:15 am #292792

Hans
Participant

Hello Skandha,

You gave me very beautiful code to give one page in a different color. Now one asks if it is possible to get more then one page in the same color. Is that possible? I tried some things to see if I can make a solution myself, but the result was or a total white page or all pages in a different color.
If it is not possible, it is no big deal. You cannot have it all.

Kind regards

Hans Hagmeijer

October 22, 2021 at 12:27 am #292809

Skandha
Participant

@toerfiets: Hello there,
Yes, that is possible. Let me know on which pages you want the same color.

Kind Regards,
Skandha

October 22, 2021 at 8:28 am #292835

Hans
Participant

Hello Skandha,

Thank you for reaction.
Page id’s are 1142, 1049 and 1189.
Maybe there are more in future, but I think I can do this when I see this example.

Kind regards

Hans Hagmeijer

October 23, 2021 at 2:12 am #292884
Skandha
Participant
@toerfiets: Hello Hans,
Please try using the following CSS Code.
```
.page-id-1085 #content, .page-id-1085 #site-generator,
.page-id-1142 #content, .page-id-1142 #site-generator,
.page-id-1049 #content, .page-id-1049 #site-generator,
.page-id-1189 #content, .page-id-1189 #site-generator {
    background: #ffc90d;
}
.page-id-1085 #header-top,
.page-id-1142 #header-top,
.page-id-1049 #header-top,
.page-id-1189 #header-top {
    background-color: #ffc90d;
}
```
Let me know if this works out!
Kind Regards,
Skandha
October 25, 2021 at 12:37 am #292920

Hans
Participant

Hello Skandha,

This worked fine and I can edit the next pages in the wished color. Thank you for that.

There is only one problem stayed.
I wanted to delete the gap between header and content in more then one page.
You gave me the code:

/* To get rid of the gap between menu and the image */
.page-id-1085
#header-content,
{ display: none;
}

for one page it worked fine.
When I try to add the next pages I failed.
I add to the CSS:

/* To get rid of the gap between menu and the image */
.page-id-1085
#header-content,
.page-id-1049
#header-content
{ display: none;
}

And it seems to be a problem for Safari on the Mac, because if I use the Opera browser, it is no problem.

I wonder: what do I do wrong. I added a new page the same way as in the color codes.

The result: if I hover over the main menu: the sub-menu items dissapear.
If there is no solution for it: no big deal.
If there is, it should be beautiful.

Kind regards

Hans Hagmeijer.

October 25, 2021 at 1:18 am #292949

Skandha
Participant

@toerfiets: Hello Hans,
Can you try replacing display: none; with display: none !important;?

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

October 25, 2021 at 4:23 am #292954

Hans
Participant

Hello Skandha,

That solution dit not work. The strange thing is: the first two times I hover over the sub-menu items, all is well. The following time the sub menu items disappear.

If there is no solution for this: the gap will be a little bigger. SO: if you are busy, look later to this.

Kind regards

Hans Hagmeijer
Author

Posts