byebarcelona Posted August 1, 2022 Share Posted August 1, 2022 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 } } Link to comment
tuanphan Posted August 3, 2022 Share Posted August 3, 2022 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> byebarcelona 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ValueResonance Posted March 26 Share Posted March 26 (edited) 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? Edited March 26 by ValueResonance Link to comment
tuanphan Posted March 29 Share Posted March 29 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ValueResonance Posted March 29 Share Posted March 29 (edited) @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 Edited March 29 by ValueResonance Link to comment
ValueResonance Posted March 30 Share Posted March 30 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 >) Link to comment
tuanphan Posted March 31 Share Posted March 31 Use this new code section#itemPagination.bright h2.item-pagination-title { color: white !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ValueResonance Posted March 31 Share Posted March 31 OK....now its just this theme...great! is there a way to include these arrows? Link to comment
tuanphan Posted April 2 Share Posted April 2 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ValueResonance Posted April 3 Share Posted April 3 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 Link to comment
ValueResonance Posted April 3 Share Posted April 3 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! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment