How to change specific portfolio page's nav bar only

Site URL: https://www.shiqius.com/work/newsaction

I tried several times but dont know how. I believe the code as below can solve this problem,  but I cannot find the id of my specific portfolio page. I want to change my unactive nav items into white in black background. Can anybody help me?

#collection-idnumber {

.header-nav-item a {

  color: white

  }

}

Hi,

Edit Newsaction post >> Add a Code Block at bottom of page > Paste this code

<style>
  div.header-nav-item:not(.header-nav-item--active) a {
    color: white !important;
}
</style>

Hi

@tuanphan

I have been trying to get the navigation for the menu on just this page to turn white instead of blue.  Can not find this setting anywhere in the colours.  I only want to change it for this page, not others. 

https://www.valueresonance.space/projects/farm-direct-flowers-online

Can you help?

On 3/26/2023 at 6:12 PM, ValueResonance said:

Hi

@tuanphan

 

I have been trying to get the navigation for the menu on just this page to turn white instead of blue.  Can not find this setting anywhere in the colours.  I only want to change it for this page, not others. 

 

 

https://www.valueresonance.space/projects/farm-direct-flowers-online

 

Can you help?

 

 

Add to Design > Custom CSS

h2.item-pagination-title {
    color: white !important;
}

@tuanphan

fantastic!  

Unfortunately it changes all styles not just this one, so when I use other themes, it becomes illegible.  This change is to affect ONLY theme Bright 2

Here you can see that it changed the colour on ALL themes and so made `Lightest 1´ for example, illegible.

It did not include the arrows though.  Is there a way to make this  change UNIQUE to the `Bright 2´ theme and add the arrows?

Kind regards

On 3/26/2023 at 1:12 PM, ValueResonance said:

I only want to change it for this page, not others. 

@tuanphan  This is what I was trying to say.  JUST for this theme or page.  (plus  < and >)

Use this new code

section#itemPagination.bright h2.item-pagination-title {
    color: white !important;
}

OK....now its just this theme...great!

is there a way to include these arrows?

On 4/1/2023 at 2:07 AM, ValueResonance said:

OK....now its just this theme...great!

is there a way to include these arrows?

 

Use this new code

section#itemPagination.bright h2.item-pagination-title {
    color: white !important;
}
#itemPagination.bright svg.caret-right-icon--small {
    stroke: white;
}

getting closer!

This solved the right arrow, but now the left.

I saw that the word `right appears.

-------------------------------

#itemPagination.bright svg.caret-right-icon--small {
    stroke: white;
}

-----------------------------

so something like:

------------------------------

#itemPagination.bright svg.caret-right+left-icon--small {
    stroke: white;
}

-------------------------

Unfortunately, my little guess didn't work though 😒.  How do I add both arrows to this?

Thanks

Ah. I solved it by adding it twice and replacing right with left the second time.  perhaps there is more elegant solution, but this worked!