Stallion Header Text Layout : There’s currently one Stallion colour scheme that has the heading text on

Comment on Stallion Theme Colours, Banners and Header Image by WordPress SEO Theme Author.

There’s currently one Stallion colour scheme that has the heading text on the right rather than the left and that’s Connections Reloaded (settings under Stallion Colour Options page.

There’s no Stallion option to switch the heading layout on other colour schemes, that would require editing the colours CSS file. For example if you run Stallion Delicate edit

style-delicate.css

Should be easy to change, find

.headleft {
float: left;
width: 640px;
margin: 0px;
padding: 15px 0px 0px 20px;
}

Change to something like this

.headleft {
float: right;
width: 640px;
margin: 0px;
padding: 15px 0px 0px 20px;
text-align: right;
}

#header_stallion_2011_top {
float: right;
width: 640px;
text-align: right;
padding: 15px 0px 0px 20px;
}

#stsearchform {
top: 95px;
right: 10px;
}

#header_widget {
left: 20px;
float: left;
text-align: left;
}


This should work with all colour schemes with minor adjustments.

Might want to play around with the padding for example to get the layout right. If you aren’t famlar with padding: 1px 2px 3px 4px; format the 4 sizes represent padding top, right, bottom, left, so the above is top 1px, right 2px, bottom 3px, left 4px.

The #stsearchform part changes the location of the search form, puts it below the heading text like you see with Connections Reloaded. top: 95px; means put the form 95px from the top, if the form is too high try top: 100px; if too low try top: 90px;. If you wanted the search form on the left instead of the right you’d use something like

#stsearchform {
top: 95px;
left: 10px;
}


The header widget area would be located on the right as well.

On changing font sizes, no built in Stallion option, it’s editing the CSS files.

Look for these two sets of CSS

.h1disc h1, .h1disc span {
font-size: 1.3em;

and

#branding div, #branding h1 {
line-height: 1.5em;
font-size: 1.3em;

And change the font-size.

The above covers the font size of the text size of the heading link back to home.

In the next update it will be easier to make these sorts of changes as child themes will be available, you’ll never have to edit a core Stallion file again for customizations. In another update thinking about adding an options page for over writing font sizes and colors, I’ve avoided this so far as has to be inline CSS which isn’t ideal.

David

More Comments by WordPress SEO Theme Author