Changing background color for individual pages on Wells template

Site URL: https://the-image-world.com

Hello, 

I'm using the Wells template for my portfolio website and would like to change the background color to black and the text (body, navigation etc.) to white for the following two pages - 

https://the-image-world.com/not-another-photo-album
https://the-image-world.com/hands-of-god

I'd also like for the navigation menu text to be underlined for the active page and on hover. 

Thank you for your help!

PS. I have a personal account so it seems I can only use Custom CSS as Advanced/Code Injection is a premium feature.  

On your custom CSS add:

#collection-5f1e45a92189c2206f62e757,
#collection-5f1e4a7691bcb241a7ca7236 {
background-color: #000;
color: #fff;
}

 

#collection-5f1e45a92189c2206f62e757 refers to the "Not Another Photo Album" page

#collection-5f1e4a7691bcb241a7ca7236 refers to the "Hands of God" page

 

and for the active link to be underlined try to paste this, always on your custom css:

.main-nav .active-link a, .main-nav .folder li.active-link a {
text-decoration: underline
}

 

Thank you @erikabarichello!

The active link underline and background color changes are working perfectly but the font color change is reflected on phone and tablet views but not on desktop. Any ideas on how to resolve this? Including screenshots below

Mobile:

 

 

 

 

 

 

 

Tablet:

 

 

 

 

 

 

 

Desktop:

Desktop (full-screen):

 

 

 

 

 

 

 

Many, many thanks!

Y

Edited July 30, 2020 by kyashna

@tuanphan any ideas on how to resolve this? 

Hi !
I'm also using Wells template and I've tried to add this code line to change the background color of one page but it doesn't work.

Could someone please help me?

page ID is: #collection-5f1e4a7691bcb241a7ca7236 {
color: #e98cb6;
 

Alessia

On 3/28/2022 at 5:06 PM, Alessia_OL said:

Hi !
I'm also using Wells template and I've tried to add this code line to change the background color of one page but it doesn't work.

Could someone please help me?

page ID is: #collection-5f1e4a7691bcb241a7ca7236 {
color: #e98cb6;
 

Alessia

What is your site url? We cancheck easier