On the Stallion Colour Options page you have settings related to the 24 Stallion colour schemes and the hundreds of banner and header images.
Stallion Theme Colour : Choose from one of the 24 Stallion theme colours. You can test the colours back clicking the links under the “Stallion Colour Switcher” menu on the right of this site.
Banners On/Off : Turn the rotating Stallion banners on or off and select their location, settings include: Top Banners ON, Middle Banners ON, Top and Middle Banners ON or All Banners OFF.
Top Banner Set : Choose a Stallion banner set from the built in and custom (see later) banner sets for the top banner area.
Top Banner Set Size : If you are selecting a built in Stallion banner set leave at 10, if you’ve built your own custom banner set select the number of banners you made.
Middle Banner Set : Choose a Stallion banner set from the built in and custom (see later) banner sets for the middle banner area (located between the 5 and 6 post on archive pages).
Middle Banner Set Size : If you are selecting a built in Stallion banner set leave at 10, if you’ve built your own custom banner set select the number of banners you made.
Header Image On/Off : Turn the Stallion header image on/off.
Header Image : Choose a Stallion header image, there’s 36 built in header images and twenty free spaces for your custom header images, ten custom jpg and ten custom gif.
Stallion 2011 Header Image Sets : Stallion 6.1+ includes the option for a large 1000px by 288px header image. The Stallion 2011 Header area is based on the new WordPress Default TwentyEleven themes header system with improvements. In TwentyEleven there’s 8 built in images and the option to upload one image, that’s it. In Stallion there’s “Stallion 2011 Header sets” each with 8 images. In Stallion 6.1 there’s the header images from TwentyEleven (called TwentyEleven) plus a Stallion set of 8 header images called Mixture. There’s also 10 custom slots (each capable of holding 8 images, so 80 more in total) available for your 1000px by 288px wide header images. Custom sets will be sold via this site soon.
When the Stallion 2011 Header is turned on (via Stallion Layout Options page) select a Stallion 2011 Header Image Set here and go to “Appearance >> Header” to select which images to show, rotate etc…
Composite Screenshot of the Stallion 2011 Money Header Image Set
The money header image set is one of 7 free built-in header image sets, there are custom folders to add your own as well.
Background Image : go to “Appearance >> Background” to upload a background image.
Featured Posts Slideshow
There are a variety of settings for the Featured Posts Slideshow, this Stallion 6.1+ feature allows you to upload and associate a large image to a post you wish to feature on the home and other archive pages. See the home page of this site for an example, when a post is set as featured it will become part of the scroller. The slideshow includes two types of effects, there are way too many combinations to explain here, try them out and decide which ones you like.
Featured Image and Thumbnails Admin : This adds two new columns to the admin pages for showing static pages and blog posts. The columns show a small 75px by 75px thumbnail of the Featured Image and Stallion Thumbnail that is used by the featured slideshow, the thumbnails on archive pages and the featured images used by the Stallion 2011 Header and Photo Nav Menu. Basically makes it easier to keep track of which posts and pages you have added featured and Stallion thumbnails too (has no impact on what your visitors see).
Adding Custom Stallion Header Images
There are 20 free image slots for your custom header images, if you are familiar with using FTP programs you’ll find this really easy to use.
Using a program like PhotoShop create a header image with dimensions 1000px by 130px (you can have the height of the image up to 150px if you don’t want the themes header borders to show). The image can either be a jpg or a gif (with gif’s you have the option of adding animation). Name the file one of these:
JPG : c1.jpg, c2.jpg, c3.jpg, c4.jpg, c5.jpg... c10.jpg
GIF : c1.gif, c2.gif, c3.gif, c4.gif, c5.gif... c10.gif
Using an FTP program like Filezilla (it’s free) connect to your sites server and upload the file(s) into the folder:
/wp-content/themes/stallion-seo-theme/headers/
Go to the Stallion Colour Options page and select the appropriate image under the Header Image selector.
Save Options
Adding Custom Stallion Banner Image Sets
There are 5 free banner set slots for your custom banner image sets, if you are familiar with using FTP programs you’ll find this really easy to use.
Using a program like PhotoShop create a banner images with dimensions 560px by 120px. The banner images must be jpg format : landscape-*.jpg where * is a number 1, 2, 3 etc…
Always start with landscape-1.jpg and work your way up until you have the number of banners you want for a set. If you built a custom banner set with 5 images you’d have:
landscape-1.jpg
landscape-2.jpg
landscape-3.jpg
landscape-4.jpg
landscape-5.jpg
There is no limit to the number of custom banners you can add to a set.
Using an FTP program like Filezilla (it’s free) connect to your sites server and upload the file(s) into the folder:
/wp-content/themes/stallion-seo-theme/landscape/custom-01/
For a second set upload to :
/wp-content/themes/stallion-seo-theme/landscape/custom-02/
There are 5 of these custom banner folders, so you can add 5 sets.
Go to the Stallion Colour Options page and select the appropriate custom banner set under the Banner Set selector. Also type in the size of the banner set in the Banner Set Size box, if your set includes 5 banners, type 5.
Save Options
How to Make the Banners into a Clickbale Custom Ad Banner
This isn’t possible without editing the Stallion themes code, but there’s a built in widget area that can replace this rotating banner area. It’s independent of the rotating banners, so you can have the rotating banners with another banner above them (which would look awful) so I’m assuming you only want a clickable banner.
On the Stallion Colour Options page turn banners off.
Build a banner link with this sort of format:
<div class="alcenter">
<a href="http://www.domain.com/"><img src="http://www.domain.com/wp-content/uploads/my-banner-image.jpg" alt="Short Keyword Rich Text About Banner" width="560" /></a>
</div>
Replace http://www.domain.com/ with where you want the link to go to. Replace http://www.domain.com/wp-content/uploads/my-banner-image.jpg with the location of your banner image (name it what you like, put it where you like using FTP). the image should be around 560px wide and whatever height works (I’d keep it between 60px and 200px).
Go to “Appearance >> Widgets”.
On the right open up the “Banner Ad Widget” widget area and drag and drop a “Text” widget into that area.
If you have the WP Expander Plugin installed and want this ad to delay open drag and drop a “WP-Expander” widget instead and set the time delay (in seconds).
Copy and paste your banner code into the form that opens (don’t add a title to the widget, it won’t look right).
If you have everything right you’ll have a clickable banner ad where the rotating banners used to be.
Website - WordPress SEO
77 responses to Stallion Theme Banners and Header Image
Implementing text/javascript
Hello David,
I was wondering whether you could please help me out.
I’m trying to implement PeelAwayAds into my blog (upper left corner), but it only shows up when I’m in the home page (when I open a post or I go to another page it does not show up). Any ideas??
This is what I added to the footer:
Thanks a lot for your help
Héctor
WordPress Peel Away Ad Code Setup
Code doesn’t come through a WordPress comment.
If you added code to the footer.php file it should be loaded on every page of the site. Your best bet is contacting the author of the Peel Away Ad code for advice how to incorporate it into a WordPress theme.
Some plugins (assuming it’s a plugin) work with no editing others need it adding to the footer.php file and others the functions.php file. I’ve never used Peel Away Ads so not familiar with any of them.
David
Stallion Theme Colours, Banners and Header Image
Colors on Stallion
I shoulda bought Tallion shouldnt I have? It has much more color doesnt it?? I tried to buy it but it was paypal and it wouldnt accept my card whereas clickbank did accept it. (and yes there is money on my card
Tell me white isnt my only background option, Big Guy! Otherwise we might be trading down to the Big T
Stallion SEO Theme Colour Schemes
There’s currently 9 Stallion colour schemes and at least one more with the next update (Stallion 6.1, still working on it, you can see the new colour scheme used at http://www.dvd-video-store.info/ which also shows one of the bew layouts).
Every colour scheme in Talian is also in Stallion (Stallion has more).
There’s also 22 banner sets and 23 header images built into Stallion and you can buy more at my youngest sons site at Caleb Law Digital Artist.
David
Stallion Theme Colours, Banners and Header Image
Centering Banner?
David,
I’ve turned-off the banners and added a clickable pic to the banner area. Even though the code you’ve written is supposed to center the 560×200.jpg it still is all the way to the left (not centered). I’ve experimented changing the code and I can’t get the banner to center. Is there something else I should do?
One other question: is there a rotation program I can add to make more than 1 image rotate like it does when the banners are “on”?
Thanks,
Randy
Stallion Theme Banners and Header Image
Stallion Theme Custom Banners
The HTML code you’ve used is broken (around the alt=), start with fixing the link/image code you’ve added to the widget also use the class=”adscenter” will give a little padding above and below. Probably better not to give the text widget a heading as well.
In Stallion 6.1 I’ve added something that could be used for rotating banners, though it’s designed for 125px by 125px wide or square ads (must be square) currently, so wouldn’t work in that location.
Would probably make sense to add another field to set the width and height separately then it could be used for non square banners.
I’ll be uploading a test version at http://www.dvd-video-store.info/ later, look out for a sidebar widget with 125px wide ads, will have ads to Stallion, WPRobot3, Advertise Here and some other affiliate stuff probably. Can be used for a single banner that rotates randomly or multiple ads that rotate.
David
Stallion Theme Colours, Banners and Header Image
Custom banners and headers do not show up
I have created cookware related banners and headers and I uploaded them by using the upload tool in the cPanel, WP content.
However, when I go into WP-admin, I anot able to set up the customezid header and banners. They do not show up on the page when I select them.
Do I need to use an FTP to upload?
Please take a look and advise what I need to do. I am stuck here with the creation of my MPP.
Thx,
Lum
————————–
Your login details removed for security reasons! Never a good idea to add your username/passwords etc… to an open comment system anyone can read, fortunately as it was your first comment it was held in moderation so only I saw it.
David
Stallion Theme Banners and Header Image
How to install custom Stallion banners and headers
If you put the banner images under wp-content that’s the wrong folder.
They go under your themes folder
Banners:
/wp-content/themes/stallion-seo-theme/landscape/custom-01/
Headers
/wp-content/themes/stallion-seo-theme/headers/
With the filename as described in the tutorial above.
If you do multiple sets of banners use
/wp-content/themes/stallion-seo-theme/landscape/custom-02/
For your second set and 03 for the third and so on.
When you have it right this link should load an image
You don’t have to use FTP, if your control panel allows you to upload images to the above folders you can use the CPanel.
Make sure you use the filename formats described in the tutorials,
Banners are: landscape-1.jpg, landscape-2.jpg etc…
Headers are: c1.jpg, c2.jpg or c1.gif, c2.gif
David
Stallion Theme Colours, Banners and Header Image
Custom banners do not show up
The headers are working, but the banners do not.
I spent time today with tech support at Host Gator and confirmed that I uploaded properly the banners. They could not help me further and sent me back to you.
I gave you my login info so that you can see what I have done and find out what is wrong.
Please take a look and advise what I need to do.
Thx,
Stallion custom Banners Probably in Wrong Directory or Wrong Filenames
Don’t need to login to you site to know what you’ve done wrong.
If you had uploaded the images to the custom-01 folder this image would be available:
This image doesn’t load therefore you can’t have confirmed you uploaded the images correctly.
You can see what it would look like with this link
Which is one of the built in banner sets.
This 100% confirms the correct images are not in the custom-01 folder and your server is working correctly regarding showing images.
You’ve either not uploaded the images to the /wp-content/themes/stallion-seo-theme/landscape/custom-01/ folder or you named your banner images incorrectly.
Make sure they have the correct naming format landscape-1.jpg and they are in the /custom-01/ folder. When you think you have it right check if it loads your first image you got it right, if not try again.
I can’t confirm either of these by logging into your site, you will need to use FTP or your control panel to confirm the files are the right names and in the right location.
David
Stallion WordPress Theme Colours
New Stallion Delicate WordPress SEO Theme Colour Design
Working on new colour designs to add to the next update, have one loosely based on a WordPress theme called Delicate that’s currently the top download (over 11,000 downloads) in the Free WordPress theme repository.
It’s currently running at my Make Money Online Blog as a custom colour scheme: you can add your own custom style sheets (CSS files) and select them via “Stallion >> Colour Options”.
The Stallion Delicate WordPress Theme Design is a clean white colour scheme, smaller text sizes than the other Stallion 6.1 theme colours and a few new images.
To achieve this required creating one CSS file and a few images. Basically made a copy of the Stallion Simple 2 CSS file (style-simple2.css) and changed it’s name to style-custom-01.css, edited a relatively small amount of the CSS within (probably less than 5% changed). Uploaded the stylesheet to
/wp-content/themes/stallion-seo-theme/style-custom-01.cssand images to
/wp-content/themes/stallion-seo-theme/images/custom-01/and selected the “Custom 01″ under “Stallion >> Colour Options : Stallion Theme Colour”.
This new colour scheme can utilize all the built in Stallion 6.1 features, the 9 layouts for the sidebars, everything, so it’s better than the Delicate WordPress theme
it’s loosely based on.
That’s how easy it is to create a custom colour scheme for Stallion 6.1+.
In the next Stallion update I’ll incorporate the new colour scheme directly into the Stallion zip file. If you’d like to try this new Delicate colour scheme before it’s added to the next Stallion update download this zip file:
Stallion Delicate WordPress Theme Colour zip
Extract and find and upload the /wp-content/ folder within to the root of your site using FTP. If you have WordPress installed in a sub-directory upload the extracted /wp-content/ folder there (basically find where your /wp-content/ folder is and upload there).
The zip file only contains a handful of files (one CSS file and so doesn’t overwrite any of your current files (assuming you haven’t added a Custom 01 style already).
When Stallion is updated above 6.1 you will not need these files. When you update to Stallion 6.2 via the built in Stallion theme updater for example you’ll have to change the “Stallion >> Colour Options : Stallion Theme Colour” setting to whatever I call this colour option (probably “Stallion Delicate”).
David
Stallion Theme Banners and Header Image
New Stallion Coraline WordPress SEO Theme Colour Design
Another free Stallion colour scheme loosely based on a WordPress theme called Coraline that’s currently one of the top downloads in the Free WordPress theme repository.
The Stallion Coraline WordPress Theme Design is a clean white colour scheme.
This new colour scheme can utilize all the built in Stallion 6.1 features, the 9 layouts for the sidebars, everything, so it’s better than the Coraline WordPress theme
it’s loosely based on.
In the next Stallion update I’ll incorporate the new colour scheme directly into the Stallion zip file. If you’d like to try this new Coraline colour scheme before it’s added to the next Stallion update download this zip file:
Stallion Coraline WordPress Theme Colour zip
Extract and find and upload the /wp-content/ folder within to the root of your site using FTP. If you have WordPress installed in a sub-directory upload the extracted /wp-content/ folder there (basically find where your /wp-content/ folder is and upload there).
The zip file only contains a handful of files (one CSS file and so doesn’t overwrite any of your current files (assuming you haven’t added a Custom 02 style already).
When Stallion is updated above 6.1 you will not need these files. When you update to Stallion 6.2 via the built in Stallion theme updater for example you’ll have to change the “Stallion >> Colour Options : Stallion Theme Colour” setting to whatever I call this colour option (probably “Stallion Coraline”).
David
Stallion Theme Banners and Header Image
Featured Post Slideshow Tutorial 404
Hi David
The Featured Post Slideshow Tutorial mentioned in Colours Options doesn’t yet exist. http://www.stallion-theme.com/stallion-theme-featured-slideshow-options
I’m trying to get a proof of concept going at uvo.designby.us and can’t get the 3 featured posts to slideshow. Can you give me an idea of what I’m doing wrong?
I originally made the mistake of using Picture Navigate custom menu to try to achieve this effect until I realised there was Featured Posts Slideshow.
Stallion Theme Banners and Header Image
Stallion Theme Featured Slideshow Tutorial
That’s a Stallion tutorial I’d not got around to writing yet.
Wrote now, see Stallion Theme Featured Slideshow Tutorial
Have you ticked the “Use in Featured Slideshow” box on all 3 posts you want to use in the slideshow and set “Featured Posts Slideshow Number” to at least 3 on the Stallion Colour options page?
David
I’ve ticked the “Use in Featured Slideshow” box in all 3 posts. I’ve set “Featured Posts Slideshow Number” to 3.
The images I’m using are smaller than recommended but the one showing is stretched big enough. Once the client okays the design he’ll buy the stock images at a high enough resolution.
I just added a picture and checked “Use in Featured Slideshow” for a fourth post, just in case it needed >3 posts, but the slideshow is still not sliding.
Any other ideas?
Thanks for the tutorial.
Stallion Colours, Banners and Header Images
Stallion Theme Featured Slideshow Bug
Found the problem which I thought I’d resolved before release.
Setting to 3 shows 1 post, setting to 4 shows 3 posts, setting to 5 shows 4 posts, setting to 6 shows 5…
The fix is set the number to more than you need (10 for example) and only tick the “Use in Featured Slideshow” box in the 3 posts you want to be featured (which I assume you would do anyway
).
There is an argument having a number set in this feature is overkill since there’s no good reason why anyone would select say 10 posts as featured and set the slider to show 5.
Will get that fixed for the next release, might just remove that setting and hard code to 20.
BTW you aren’t selling Stallion sites without buying a separate Stallion ID for each domain you sell? Stallion is single user, you can use it on as many domains of yours as you like, but if you sell a domain the new owner needs to buy a Stallion ID : you or they can buy it through your Clickbank link so you get 50% of the sale price. If I find customers selling Stallion sites without buying an ID for each domain I can disable the ID.
David
Edit: Well that’s weird, the fix I added before release was what caused this issue. When I was building the slider when I set the number to say 5 there would be 6 posts shown, so subtracted 1 from everything (3 showed 5 so subtracted 2 from that) which fixed the issue. Now it’s working correctly with the fix taking 1 off (or 2 in the case of 3)! Must have been another issue that caused it not to work when I was building it and my fix broke working code
Stallion WordPress Theme Colours
The Fix is always at fault
It’s like the cover-up is worse than the crime, the fix is always what breaks the code.
Thanks for checking on the license, I am aware that my copy of Stallion is for my domains, but any I sell need new licenses. We’ve got the budget for a new license. And promoting through clickbank is one way of making a few bucks more.
Given I’ve decided to get good at Stallion configuration I figure may as well sell it bundled.
Stallion SEO is one seriously awesome theme. Especially once you get custom colours working. I’ll have to hack it a bit to make the colours fit the client brief this time, but it is cheaper and quicker than hunting through hundreds of themes or coding one up from scratch myself.
Stallion Colours, Banners and Header Images
Stallion Custom Colour Schemes
Sounds like a good plan, little advice.
Stallion has an update feature which means when I release the next update your customer could update over your customizations with a few clicks of the mouse if you’ve edited one of the built in colour schemes and not used a custom set! I advise using the custom style sheets so when an update is released your client doesn’t update over your code by mistake.
You can see an example of what you need to create for a custom colour under these two comments
Stallion Delicate Theme
Stallion Coraline Theme
Each comment includes a link to a zip file with the custom files, a css file and images.
In the next Stallion update (Stallion 6.1.1 which I’m working on) I’ve added those two colour schemes into the normal Stallion options pages, the above is a way for me to give between update colour schemes.
Those two colour schemes have some new styling not included in the other Stallion colour schemes: Tags at the bottom of posts include an image, Reply to comment link includes an image, the sidebar menu links image changes when hovered over, the comment submit button and search button (widget version) includes styling.
I was looking through the WordPress theme repository for new colour schemes and it’s surprising how popular relatively plain colour schemes are.
David
WordPress Theme Header Images
Backgroud color under: Appearence>backgound>colors set it to something like #DBD8B0 does not seem to show up. I am on the Tallian theme design. Maybe it is something silly I am not doing.
There is a lot of flexibility with your theme. Basically you can make it look like whatever you like if you use background images or custom pages.
WordPress Background Color Option
Although the WordPress “Appearance” >> “Background” options page (WordPress core feature BTW) is active in Stallion the “Background Color” option is overwrote by the Stallion background gradients CSS code. So the inline CSS is loaded, but because there’s the gradient CSS code it doesn’t show.
I’m using the “Appearance” >> “Background” options page for the background image upload, if I could easily disable the “Background Color” option I would, but it’s WordPress core code so not easy to remove.
If you did want to use the “Background Color” feature you’d edit the Stallion CSS file you are using and remove 4 lines of CSS, in style-delicate.css for example it’s lines 8 to 11
background: -moz-linear-gradient(#EDEEEF, #EDEEEF);background: -o-linear-gradient(#EDEEEF, #EDEEEF);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEEEF), to(#EDEEEF));
background: -webkit-linear-gradient(#EDEEEF, #EDEEEF);
Best way to do this so you don’t loose customisations if you want this control is make a copy of the CSS file like style-delicate.css and name it style-custom-01.css and remove those lines of CSS, copy over the images from the folder /stallion-seo-theme/images/delicate/ to /stallion-seo-theme/images/custom-01/ and select “Custom 01″ under “Stallion >> Colour Options : Stallion Theme Colour”.
I don’t like adding too much inline CSS which is why there’s currently no way to select your own colours in Stallion, to have the ability to say change 20 colours means adding at least 20 lines of inline css. Each css file includes over 50 lines of colours, so to have the ability to control them all would mean 50+ lines of code adding inline! And this would only change the colours, not font sizes of font types.
David
BTW Got your email about your comment going to SPAM, my comment (this one) and the last comment I made here also went straight to SPAM (added this BTW just before approving my own comment after UNSPAMMING it)! So on my own bloody site my comments are going to SPAM!!! Also all the recent comments (at least 7 now) Akismet has SPAMMED. Looks like either Akismet is playing up or my site is. Will have to check my other sites Akismet SPAM folders, that’s a lot of false positives even for the make money online type niche.
Stallion Theme Colours, Banners and Header Image
Leave a reply to Stallion WordPress Theme Colours