Titles not centering in Fix theme for BE THeme
I updated to the newest version .3 and the titles in the inner pages were not looking right like they do with the fix theme (with the lines on top and bottom)
See here: http://www.rgmdemoplus.com/about-us/
It is supposed to be centered.
I added the child theme and added the css for the titles to work again with the lines but the centering on the title is still not working and I don't know why. It is centered in the CSS but something is forcing it left.
This is the code I added to the child css area and at least the lines re-appeared but the title is being a little pain in the you know what...:
#Subheader .title {
font-size: 60px;
line-height: 60px;
border-width: 10px 0;
border-style: solid;
border-color: #8dc63f;
color: #fff;
display: inline-block;
width: auto !important;
float: none;
margin-bottom: 90px;
text-transform: uppercase;
-moz-transform: skewX(0deg) skewY(-10deg);
-webkit-transform: skewX(0deg) skewY(-10deg);
-o-transform: skewX(0deg) skewY(-10deg);
-ms-transform: skewX(0deg) skewY(-10deg);
transform: skewX(0deg) skewY(-10deg);
}
.skewY-10 {
-moz-transform: skewX(0deg) skewY(-10deg);
-webkit-transform: skewX(0deg) skewY(-10deg);
-o-transform: skewX(0deg) skewY(-10deg);
-ms-transform: skewX(0deg) skewY(-10deg);
transform: skewX(0deg) skewY(-10deg);
}
.callforhelp_phone {
font-size: 70px;
line-height: 70px;
border-width: 10px 0;
border-style: solid;
border-color: #8dc63f;
color: #fff;
display: inline-block;
}
Please let me know how to override the forced float left that is happening. It would be wonderful.
Thank you very much
Michelle
Comments
looks like you missed line responsible for centering subheader which is:
#Subheader { text-align: center !important; }