Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
kyashna

Changing background color for individual pages on Wells template

Question

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.  

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

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

 

Share this post


Link to post
  • 0

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
}

 

Share this post


Link to post
  • 0
Posted (edited)

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:

21138243_ScreenShot2020-07-30at7_42_22PM.thumb.png.2640e5727f5e98828d708623674df486.png

 

 

 

 

 

 

 

Tablet:

751650130_ScreenShot2020-07-30at7_42_29PM.thumb.png.de427033f38932fac1b05a7752a6ac3f.png

 

 

 

 

 

 

 

Desktop:

1797129672_ScreenShot2020-07-30at7_42_41PM.thumb.png.7d47ef0e2bed96f2845e7a74769c06db.png

Desktop (full-screen):

566524491_ScreenShot2020-07-30at7_42_53PM.thumb.png.f31f3771a5efdb916adf54fe41fe6de0.png

 

 

 

 

 

 

 

Many, many thanks!

Y

Edited by kyashna

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...