Blue Wonder 1.0 - New WordPress Theme Released
Published by Sunny on March 23rd, 2007 in WordPress ThemesBlue Wonder 1.0 is the first theme released by amateur webdesigner and blogger Joel Fernandes. A classy theme featuring lots of blue, silver and orange, its an ideal match for personal and professional oriented blogs.
Blue Wonder is originally based on the Silver Lexus theme by Highlands by Design. Joel has modified it and has added many little specs as well. This is the first of the few WordPress themes that Joel will be designing, and it looks like he has a good future ahead!
The theme was generously sponsored by Elegant Web Directory.
Since Joel sold GoTechno, he temporarily has no blog of his own. The theme has been offered for download on my site.
Update - March 24th, 2007: Theme had some XHTML compliance problems. They have been corrected and the theme has been updated to v1.0.1.
Update - March 27th, 2007: As Ed pointed out, the ‘navigation hover’ color was amiss. I’ve updated the style sheet to present a better, pleasant color that blends with the theme. For users of Blue Wonder 1.0.1, a patched style.css can be downloaded.
comments
trackback
March 23rd, 2007 at 10:18 pm
Good looking theme, Joel !!!
March 24th, 2007 at 8:00 am
Thanx Santosh for helping me putting this theme in ur blog….and BTW thanx Pranav…
March 24th, 2007 at 3:25 pm
Looks cool man. keep em coming.
March 24th, 2007 at 4:46 pm
Good work mate !!
All the best with the Next
March 24th, 2007 at 8:09 pm
Very nice design, uploaded on my blog here Get-index Blog Thanks for releasing for free
March 27th, 2007 at 12:04 am
Very Nice..
And as sunny said you have a bright future ahead..
March 27th, 2007 at 12:42 am
Cracking theme and the one that convinced me to go with WordPress. One area that doesn’t work so well however is the drop down menus when you add pages - the drop down menu is all in black. Each menu page highlights ok in grey, but the list as a whole is just black and so you cant see all the possible options unless you drag down. Any suggestions on how that can be changed?
– Ed
March 27th, 2007 at 9:49 am
Yes!..Thanx guys
March 27th, 2007 at 4:17 pm
Ed - thanks for pointing that out. I’ve corrected that mistake and Blue Wonder has been updated to v1.0.2 with respect to this update. The ‘navigation’ has been updated so as to blend better with the rest of the theme.
Download the updated theme or you patch the style.css with this copy.
March 28th, 2007 at 12:37 am
Sunny - many thanks for the revised theme. Haven’t downloaded it as yet but will be doing so round about NOW.
– Ed
March 29th, 2007 at 7:37 am
Great theme. First one I’ve seen with Drop down menu for the pages which works for IE and Firefox. I agree with Ewin about the Black color - but you can change it in the CSS.
I have adapted the them in my site:
http://medicine.com.my
March 29th, 2007 at 7:39 am
I notice a problem though - I can’t get the tables to have Cellpadding to work and the text is too close to the table borders. As an example see this page
http://medicine.com.my/wp/?page_id=13
If I change:
/* Begin Base Elements */
* {
margin : 0;
padding : 0;
border : 0;
}
the border to another value, then the padding in the rest of the page goes out, especially the side columns.
Any advice?
March 29th, 2007 at 8:59 am
oops!..hadent seen tht…btw thnx for pointing out tht mistake Ed….and thnx santosh…for updating it..me was not online for longtime and hadn’t seen this….sorry…
April 5th, 2007 at 6:52 am
I used Blue Wonder 1.02 and ContactForm II Plugin in my site, but as you see the Form was not visible (http://hariansib.com/news/contact-us/). I think you must fix the style.css.
April 6th, 2007 at 1:17 am
Iman, why you remove credits from footer???
April 6th, 2007 at 1:26 am
Ahem….Imran, Removing credits is a very cheap thing to do. One should learn to give credit where it is due.
April 6th, 2007 at 2:02 am
credit should be given when you download some free themes…
April 6th, 2007 at 4:25 pm
Hey great theme, I’m using it for my new site.
But I have been having one problem with it. - I have changed the header image (as you can see on my site) but I have been unable to change the Header Title colour.
In the style CSS:
#headerimage {
height : 112px;
background : url(”) no-repeat top right;
list-style : none;
}
#newheader h1 {
padding : 65px 0 5px 20px;
border : 0;
}
#newheader h1 a {
font-size : 2em;
font-family : Lucida Handwriting;
color : #87CEFA; (Changing this should change the colour of the title in the header? but it doesnt - ive tried altering all the others too)
}
#newheader h1 a:hover {
color : #6495ED;
text-decoration : none;
border-top : 0px solid #f90;
border-bottom : 0px solid #f90;
If know what I’m doing wrong your help would be much appreciated!
Matt
April 6th, 2007 at 11:54 pm
Palmdoc, Matt608 - can I get back to you guys in a couple of days? I’m buried under some personal stuff, and I have no clue as to where Joel’s gone!
April 7th, 2007 at 7:59 am
Sorry for remove credit, it incident removing when i edit php. i will put it again.
April 7th, 2007 at 8:03 am
For Sunny, I used Blue Wonder 1.02 and ContactForm II Plugin in my site, but as you see the Form was not visible (http://hariansib.com/news/contact-us/). I think you must fix the style.css.
April 8th, 2007 at 1:19 pm
Sure thing, no rush!
April 8th, 2007 at 4:28 pm
hey guys i am extremely sorry for not replying..coz i was a bit with some of work….so there i can see there’s a huge list of erros and problems….
Eh..Palmdoc….i thing its working properly….i dont see any such errors…
and BTW Iman…i would really fix ur problems…give a couple of days…Thnax…
hmm…Matt608..i think the colour should change…coz whn i changed it in my test page..it worked!!!…thers no doubt in tht..plz check it again…
and Iman plz put back the credits…coz it a theme i have stuggled a lot…
April 8th, 2007 at 9:11 pm
Matt - Strange, I just changed the style sheet properties on my test site, and it worked perfectly. Infact, I even used your stylesheet (just incase you had made some modifications to it). It worked perfectly!
This is what you need to change -
#newheader h1 a {
font-size : 2em;
font-family : Lucida Handwriting;
color : #fff; (wherin, #fff is the colour you need to change to your liking)
}
Do change the colour and tell me so, I’d like to take a look at it
Iman - I’m trying out the Contact II plugin (chip.cuccio.us/projects/contact-form-ii/) right now. Let me see how it goes.
April 9th, 2007 at 7:10 am
Sunny I’ve Got it,
just edit your wp-contactform.php and find this .contactright
and then put border: 1px solid #000000; (see example below)
.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
border: 1px solid #000000;
}
April 9th, 2007 at 10:56 am
oh!…i think everything is fine now…and Matt just try doing ot once again….but try it in FF or Opera…shud work!!!…
April 9th, 2007 at 5:06 pm
Great thanks Joel!! I think I was using the wrong sort of colour code.. (I didn’t really know about the different types…), but its working now!
Thanks
Matt
April 10th, 2007 at 2:12 am
It’s awesome dude[after seeing so many wp themes here comes a good 1]…I will see if i can use it myself..
April 10th, 2007 at 1:03 pm
yeah…thx man…but i would request Iman or anyone not to remove the credits plz…. THNX
April 19th, 2007 at 8:36 am
Awesome theme! I’d like to use it on my site, but I have my own header image which I want to use. My header image has the blog title incorporated, so I need to remove the blog title from your theme’s header. How can I do that?
April 19th, 2007 at 12:08 pm
yeah u can do tht!…edit the header image in style.css…and put the link of urs…thts it..THNX
April 19th, 2007 at 12:20 pm
No no, just find these lines in the header.php file -
Now, delete the following line -
/”>< ?php bloginfo('name'); ?>
Next, locate the image head008.jpg found in the images folder of the theme. Replace that with the image you want as the header. An example can be seen in Matt’s site.
April 20th, 2007 at 8:04 am
Thanks! I noticed also the the BLOGROLL title appears with a dot above and below the word Blogroll. How do we rectify that?
April 22nd, 2007 at 11:59 am
Thanks for al the useful comments and tips guys. Now I am very CSS challenged but if you look at the post here:
http://medicine.com.my/wp/?p=2053
There is no gap between the image and the text despit me putting hspace=10 in the img attribute. My guess is there is something in the CSS. Any clues?
April 24th, 2007 at 6:00 am
On my local test site, I modified, quite easily, a few things to fix a problem with this theme. The footer. It seems the text doesnt fit within the constraints of the footer image. So I did two things:
1.) Open the bg-footer.gif in fireworks and change the image dimensions to 3px x 60px.
2.) Open the style sheet and change the #footer background-image property to say “center left” instead of the “top left”
Done deal.
May 11th, 2007 at 6:59 am
I have a table in several of my posts. I have formatting in the table (padding and color) but these are all stripped out when I put the post on to my site. Can you give me a suggestion on what to change? I am not very good at CSS but I can usually hack stuff if I get some guidance on what and where to change. Thanks for the help. http://www.candidatepositions.com
May 17th, 2007 at 7:31 am
Awesome theme. I love it. One question though - where is the code for the search box that appears at the top of the page? I want to modify it so the search box appears in the navigation bar (ie. the one with Home | About | RSS) but on the left.
May 17th, 2007 at 7:39 am
Doesn’t matter - found it. It’s in the style sheet : #searchCSS
Cheers.
May 20th, 2007 at 6:53 am
At the very top of the header in my install of BlueWonder 1.02 the blue outline which runs along the top of the page is missing. This appears to be the area where the breadcrumb navigation show up as well as the search on the right hand side. How do I get the blue outline to show?
BTW: the title of the weblog clips letter ascenders like in g and p
July 6th, 2007 at 6:28 pm
Great Template! Many thanks for allowing free downloads.
I have tried for over an hour now to figure out how to edit the text in the blue box that appears at the top centre of the page.Not being an experienced wordpress user, this has been a bit frustrating. Can someone point me in the right direction as to how to do this?
Many thanks.
July 7th, 2007 at 12:58 am
Having a great time working on my first WordPress site with this theme. How do I add a new blank page to the site that does not use any of the existing templates? For example I want to add a page called ‘Buying Tips’ that will still have the header, footer, left and right sidebars, but no content in the center. I also want ‘Buying Tips’ to appear on the navigation bar. I think I need to create a fourth Page Template, correct? How do I do this? Thanks for your help!
July 9th, 2007 at 10:48 am
to create a new page u need to add a new page from ur wordpress dsahbord..login to ur wp account and go to MANAGE and thn to PAGES and thn Creat a New Page…thts it…
July 30th, 2007 at 12:59 am
[…] This is the theme “Blue Wonder”. It can be found here in it’s original condition. […]
September 14th, 2007 at 12:15 pm
I am trying to switch out the header graphic, head008.jpg. In the theme download it is 774 x 147 pixels, but when I switch it with another graphic of the same size, the second graphic repeats. Is there a stretch point in the header graphic, or anything else I need to know to design a new header?