Hi again. Loving v13. Thanks for upgrading the theme.
A couple questions:
1) Is there a way to re-order the portfolios shown in the 'previous/next' navigation at the footer of a portfolio page? e.g. i'd like La Tratt to be first, Summer House second, Pho@Fairfield third...
2) The text on my home page does not appear to be vertically centred in the middle. Seems a bit low on desktop. Any suggestions?
3) Is there a way to style the header on a 404 page and search results page (other than in the Salient options)? I'd like a dark background so I can see the logo, menu. Maybe remove the keylines. Also, the footer seems to float on the middle of the search results pages if only one item is found - can it be forced to the bottom of the browser?
4) I have set the kerning for H1 at -2.5 which is good for large headers on desktop. Is there a way to make it less for tablet and mobile?
#top nav ul #nectar-user-account a span, #top nav ul #search-btn a span, #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { color: rgb(255 255 255 / 48%); }
Remove the Css for the search icon and use this to invert the colors using CSS instead.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I've tried what you suggested and the menu items do not appear white. Here's the code I am using. Keep in mind i want the header background to be black.
/* style tweak for search results header - black background and white menu items */
/* style tweak for search results header - black background and white menu items */
body #header-outer, body[data-header-color="dark"] #header-outer {
background-color: #000000 !important;
}
.error404 #top nav ul #search-btn a span {
color: #fff !important;
}
.error404 .slide-out-widget-area-toggle .lines-button:after,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:before ,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:after {
background-color: rgb(255 255 255) !important;
}
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
/* style tweak for search results header - black background and white menu items */
body #header-outer, body[data-header-color="dark"] #header-outer {
background-color: #000000 !important;
}
/* for error page */
.error404 #top nav ul #search-btn a span {
color: #fff !important;
}
.error404 .slide-out-widget-area-toggle .lines-button:after,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:before ,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:after {
background-color: rgb(255 255 255) !important;
}
/* for search page */
.search #top nav ul #search-btn a span {
color: #fff !important;
}
.search .slide-out-widget-area-toggle .lines-button:after,.search #top nav ul .slide-out-widget-area-toggle a .lines:before ,.search #top nav ul .slide-out-widget-area-toggle a .lines:after {
background-color: rgb(255 255 255) !important;
}
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after {
background-color: #fff !important;
}
Hi again. Loving v13. Thanks for upgrading the theme.
A couple questions:
1) Is there a way to re-order the portfolios shown in the 'previous/next' navigation at the footer of a portfolio page? e.g. i'd like La Tratt to be first, Summer House second, Pho@Fairfield third...
2) The text on my home page does not appear to be vertically centred in the middle. Seems a bit low on desktop. Any suggestions?
3) Is there a way to style the header on a 404 page and search results page (other than in the Salient options)? I'd like a dark background so I can see the logo, menu. Maybe remove the keylines. Also, the footer seems to float on the middle of the search results pages if only one item is found - can it be forced to the bottom of the browser?
4) I have set the kerning for H1 at -2.5 which is good for large headers on desktop. Is there a way to make it less for tablet and mobile?
Cheers!
Hi There,
1. I am afraid its not possible without using a Third Party Plugin such as: https://wordpress.org/plugins/intuitive-custom-post-order/ .
2. Please try this css:
3. Please send in your admin login credentials so that we may look into this further.
4. Please try this css:
Thanks
Hi There,
You can use any email of your choice, we will still be able to login.
Thanks.
Hi There,
1. Please try this css for the header logo to be visible
2. The footer does not seem to be floating from my end on the search results page:
Thanks.
Thanks Andrew but that does not seem to work :(
Hi There,
I have added this css:
Please check and let us know whether you need any further assistance.
Thanks.
Thanks Andrew. It works but the menu and searh icon is not showing in white. Any suggestions to fix would be greatly appreciated!
Hi There,
Please try this css:
Thanks.
Thanks for this. Search icon now appears white. Awesome. Menu does not though... Can you provide the CSS for this?
Hey Again,
Remove the Css for the search icon and use this to invert the colors using CSS instead.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
Hi Tahir
Thanks for your help.
I've tried what you suggested and the menu items do not appear white. Here's the code I am using. Keep in mind i want the header background to be black.
/* style tweak for search results header - black background and white menu items */
body #header-outer, body[data-header-color="dark"] #header-outer {
background-color: #000000 !important;
}
body.error404 #header-outer .span_9{
filter: invert(1) !important;
}
Hey Again,
Use this Revised CSS:
Thanks
ThemeNectar Support Team
Thanks Tahir
The search and menu icon are still black :(
But they do appear white once they are selected.
Is this what you're seeing?
I am seeing this :
Thanks
ThemeNectar Support Team
Yea i cleared the cache.
It's there on the 404 but not the search results page.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
Thanks Tahir that did the trick although the menu does appear to lose it's middle bar. All good otherwise.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
Thanks Tahir. This worked! Nice one.