The blog headers seem to have no idea how to align themselves to the centre. The theme was downloaded this week and it is a fresh Wordpress install. Blog headers--no matter the type in Salient's blog header settings--appear directly below the header instead of the centre of the element as demonstrated in the demos.
This seems like a new issue so gonna report it to the developer. You can add the below quickfix in the meantime .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1000px) {
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap {
top: 50%;
position: relative;
transform: translateY(-50%);
}
}
The CSS Tahir provided should correct the problem, but the issue is occurring due to a plugin you're using (post and page builder) that's adding non-specific CSS rules and overriding the default Salient grid system.
Hello,
The blog headers seem to have no idea how to align themselves to the centre. The theme was downloaded this week and it is a fresh Wordpress install. Blog headers--no matter the type in Salient's blog header settings--appear directly below the header instead of the centre of the element as demonstrated in the demos.
How can the headers be fixed?
Current issue seen here (but exists on all single posts): http://www.whiskyjackcreative.com/n-sherman-sweet-boy/
Hey Caleb,
Thanks for using Salient .
This seems like a new issue so gonna report it to the developer. You can add the below quickfix in the meantime .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1000px) { #page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap { top: 50%; position: relative; transform: translateY(-50%); } }Thanks
ThemeNectar Support Team
Hey calebmcalpine2,
The CSS Tahir provided should correct the problem, but the issue is occurring due to a plugin you're using (post and page builder) that's adding non-specific CSS rules and overriding the default Salient grid system.
http://www.whiskyjackcreative.com/wp-content/plugins/post-and-page-builder/assets/css/editor-fe.min.css?ver=1.13.0
If you encounter other styling issues, I would suggest disabling it.
Cheers