The Stallion Responsive Theme includes two built in header areas, these can be turned on/off independently of each other meaning you can have a WordPress blog with. Header area 1 (Stallion 2011 Header Area) Header area 2 (Alternative Stallion Header Area) 2 header entire areas (looks rubbish) Combination of the two (half of one, half of the other). No header areas This gives the Stallion Responsive theme users full control over how their WordPress blogs header area behaves and it’s all controlled by a few clicks of the mouse. Stallion Theme Header Areas Under “Stallion Theme” >> “Layout Options” : “Stallion Header Areas” you will find the following options that turn the header areas on/off: Each of the two WordPress […]
Continue Reading Theme Header Images
WordPress Banner Images
I just used the custom banner feature on one of my sites, and I absolutely love it. That alone was worth the price!
Thanks
WP Header Image Format?
Hi Dave,
I’m just working to set the header image, what should be the extension of the jpg picture to show up in the “Colour Options”, “Header Image”, “custom 1” choice? I tried to name for “landscape-1.jpeg” like on the banner, or “custom 1 .jpg” but it’s not working. Than I renamed the orange flower picture “1.jpg”, and I named my picture to “1.jpg”. Now I select the orange flower in the header option and it’s showing my picture :D
Just please let me know what should I originally name the .jpg file for, it would be more simple.
Thank you!
Gabor
WP Header Image Format?
WP Custom Header Image Format
There’s 10 custom header slots, 5 are jpg 5 are gif.
Format
c1.jpg
c2.jpg
c3.jpg
c4.jpg
c5.jpg
c1.gif
c2.gif
c3.gif
c4.gif
c5.gif
Upload them to
/wp-content/themes/stallion-seo-theme/headers/
using an FTP program and select the relevant custom header on the options page.
By having the 10 custom slots you can keep the built in header images as well in the same installation.
David
WP Custom Header Image Format
SEOQuake for FireFox
I was changing my site over to the stallion theme in firefox and had my seoquake on was doing a site and seoquake had on the links setting 53-20 and as soon as I active the stallion theme it went to 1-4 does that mean I have to start all over on the links?
Will They come back?
I tested all the settings nothing seem to work.
Also I have a weight loss blogs and I liked the exercise banner is there a way to transfer those images over to the stallion theme?
Glenn
SEOQuake for FireFox
Using Talian Theme Banners with the Stallion Theme
Not familiar with SEOquake, so don’t know what it means.
I’ve used different banners for Stallion because though we got some of the images for the banners from public domains sources, didn’t keep a note of where from, so to be safe (copyright wise) started again (you will see in each banner set with Stallion a text file describing the copyright info).
There’s no reason why you can’t use the Talian banners with Stallion, they use the same filename format, same system etc…
Take the images you want from the Talian zip file (under the folder /banners/ and put them in one of the custom folders under /landscape/, select that custom set from the Stallion options page.
Note: changed the folder from /banners/ in Talian to /landscape/ in Stallion because some ad blocking software was blocking the banner images because of the folder name! Must have assumed anything in a folder called /banners/ was ad banners!
David
Using Talian Theme Banners with the Stallion Theme
Clickable WP Header Image
Hi David, having a blast here finally getting around to implementing the Stallion theme. Some great features and continuing the good work you did on the Talian themes.
One question though–is there an option for making the header image–(or even a piece of it–ie the upper left corner where the graphical/text part will be located)–clickable as the title link?
Ideally just the logo part would be the link, but I’m guessing I’d then need to insert the logo separate from the banner.
Have been hunting around but can’t seem to find anything in the Stallion WordPress menus.
I’m sure you’ve been keeping busy with all of this but many thanks in advance for your time.
Erik
Clickable WP Header Image
WP Header Image as Clickable Link
What you want is not built into Stallion WordPress SEO v6, but I have come across the concept before. Was about to give an answer that would have you digging through the CSS and template files for hours, but then realised there’s an easier way :-)
You can disable the site title link on the header area via the Stallion themes options page which means the first part is built into Stallion.
Second part is build some code with the image within it to replace the link you just removed and use CSS to place the code where you want it.
I already use this concept with the navigation menu so should be relatively easy to adapt.
Make yourself an image link within a div with a class=”headerimageclick” and add it to the footer.php file just above the end /div tag just before the last /body tag.
Add some CSS to the main style.css file
.headerimageclick { position: absolute; top: 50px; left: 20px; width: 500px; z-index: 100; }Play around with the top, left and width px sizes to get the positioning right.
This will position the code within the div tag 50px from the top of the page and 20px from the left (you might not need width, set it as the width of the image).
You’ll be able to use this technique with the built in header images as well, so you can have a header image and on top of that your clickable image link.
I’ve not tested this code, but I’ve used similar so should work.
David
WP Header Image as Clickable Link
WP Header Logo Link
David–thank you. Looks like a pretty simple solution. It’s getting late but I will try to implement it soon. Again, appreciate the help. Your responsiveness and support on this theme has been simply great.
Erik
WordPress Header Image Moves on Window Resize?
Hi David, have been searching for a solution to what seems like a simple problem.
I used the method you suggested in the comments above to insert a header image as a clickable title link.
It worked well, the only problem is that the image shifts right when the window is resized.
I have spent the past couple hours tweaking the code you gave me to try to get it to stay in place, but haven’t been able to hit upon the right solution (I am kindergarten-level at CSS). I have it set up on a test domain here:
When you have a free moment, any ideas you might have would be much appreciated!
Thanks,
Erik
WordPress Header Image Moves on Window Resize?
Editing WordPress Footer.php Template
I think I know what the problem is.
It’s positioning to the browser window not the main wrapper div. Should be easy to fix.
I assume you’ve added the code to the bottom of the footer.php file, you just need to move it up a little to get it within the wrapper div.
In the footer.php file find the last closing div (</div>) around 14 lines from the bottom and add it just before it.
That should result in the code being treated the same way as the searchform code and the top and left positioning will be to the wrapper not the browser window.
David
Editing WordPress Footer.php Template
WordPress Theme Modification
Thanks Dave, worked just fine, and appreciate the explanation of how this works.
The only other thing I had to do was go back into the css file where I originally inserted the .headerimageclick and tweak the left positioning px to get it lined up to the wrapper.
Cheers!
Erik
How to Add My Custom WordPress Header Image
Hi,
How do I add my own custom header and banner images?
Do I have to have a clickable link in the header for SEO purposes?
How do I change out the Stallion Ad on the right side bar?
Thanks
WordPress Theme Home Page H1 Header SEO
I’ve wrote the tutorial for the headers and banners now (main article this comment is part of).
The clickable header link is a good SEO question.
For pages other than the home page removing the home page link at the top will have no major SEO impact, for those pages (basically all but one page of the site) the link is just a text link with no more value than any other link on the site. So if you felt loosing a link back to home was the end of the world SEO wise you could easily add a link back to home on the links widget (Dashboard “Links >> Add Link”.
On the home page this link is within a H1 header. The Stallion theme assumes the title of the site is the main keywords for the home page. By disabling this link you loose your home page H1 header.
If you have a static Page for your home page this isn’t a problem because the static Page front page option generates a second H1 header (this site’s home page is set this way, view source there’s two H1 headers).
If you have the standard archive of blog Posts WordPress setup for the home page (10 archived posts on the home page) I haven’t thought of an easy way to replace this H1 link yet.
To remove the Stallion affiliate banner ad go to your widgets menu and add widgets. “Appearance >> Widgets”
When you drag and drop your first widget on the left and right sidebars all the default widgets are removed so you can build your sidebars exactly how you want them (only the widgets you want). So add the widgets you want and the others will no longer be shown (plenty of people get confused with widgets, they assume adding one widget will add to the default ones when it deletes them so you can start from scratch).
David
WordPress Theme Home Page H1 Header SEO
WordPress Email Subscribe Box
SEO Dave, thanks again for the helpful answer–I finally got around to trying this and it works well. Like you said, just a little bit of tweaking the top and left pix sizes and it fits nicely, and the image link works great.
Another quick question, whenever you have the time–I’d like to stick my email subscribe box up by the search box in the header–is it possible to do this using a similar solution?
Sorry if the answer’s obvious, I am basically a neophyte at CSS.
Thanks,
Erik
WordPress Email Subscribe Box
Adding an Email Subscribe Link to WordPress
Glad it worked.
You can probably add some code to the file that holds the search form code.
/stallion-seo-theme/layout/searchform.php
The CSS for the code in that file is in the main style.css file:
#searchform {
position: absolute;
top: 55px;
right: 20px;
float: right;
width: 1000px;
z-index: 50;
}
If you wanted to remove the search form code (if you want the search facility add it as a widget on a menu) and replace it with an email link etc… you’d delete the form part of the searchform.php code (so keep the div bits so the positioning doesn’t break).
You could either add inline css to your email link or add it to the styling above (if it needs any styling).
You could also add your email links above or below the form code in the searchform.php file to have the email link above or below the search form.
David
Adding an Email Subscribe Link to WordPress