Free WordPress Theme- Citrus Mix
BrightCherry have proudly released their first free wordpress theme, Citrus Mix.
It’s available to download and preview over at the wordpress theme directory.
Basically, I’m going to design a series of free fruity templates for the public to download. Why am I doing this? I want to create some exposure, and paint my name all over town.
The free templates will all be pretty basic and generic, consequently be constructed on a slim-jim timescale as dishing out freebies won’t be my core business (sorry, I’ve got to eat, people!!).
If anyone has any queries or requires support, please don’t hesitate to contact me.
Apologies, due to the high volume of workload, I can no longer offer free support for any of the free WordPress themes i’ve released. Support is only available at an hourly rate- more details can be found on the Services page. Once again, I apologise.
brightcherry.co.uk
this is wonderful looking theme, so fresh! only thing is, after install, only the home tab shows at the top, not the other pages…did I install wrong?thanks!
Hey cady,
to make things easier i’ve just rewriten the file for you.
header file
Just download the file and unzip it. If you look at the code you should be able to see what I’ve done. You can add as many links as you like.
Hey there, Maruf. Great skin! Just a few questions. I tried adding a search widget to the sidebar and all of a sudden all the contents that were in the sidebar went blank and only the search box was there. When I deleted the widget all came back. Now, is it me or is there no search box with this theme? If there is, can you help me find it? Second, with Citrus and Strawberry, how about doing a Banana theme?
By the way, when I applied your code to add a About tab besides the Home tab, the result I got was having the About tab overlapping at the place where the Home tab was. I even downloaded and uploaded your header file and the same results. Hmmmm…
One more thing… I wish there was a timestamp and an edit button underneath the post’s title.
Hey James.
I’ll quickly code up a Citrus Mix version so it does exactly what you want.
I’ll link it up here when I’m done
I’ll do a Banana version next!!
Hey James,
Let me know if this version is better for you:
Download
Maruf, awesome!!! I think there was a code typo for the search part. Maybe you should change it LOL.
(Your Code)
Search Site
(Revised Code – li statement was missing)
Search Site
Also, like the way you did the Strawberry theme, it would be good to implement the background color block for the each post area. (On the Strawberry theme, it is very easy to see the separation from each posts on the index page)
I’ll see if there are anything else that might improve on the magnificent and simple themes you have here.
You should implement the new changesthat you did on the Citrus theme to the Strawberry theme and other future fruit themes you have coming.
One another quicky. Where in the CSS would I have to tweak to make the main area wider? I’d like to make the main column 700px and the sidebar 300px. If I do change it, would it have any effect on the header and whathaveu?
Hey James,
The CSS stylesheet is in the Citrus-mix folder, named style.css.
If you change the main column to 700px and the sidebar to 300px, you will need to replace “width: 760px;” to “width: 1000px;”, where it occurs.
Cheers
Thx Maruf. Also, could you tell me how to get the background color block for the each post area like the Strawberry theme? If u look at the Strawberry theme, you’ll notice a light pink background for each post which makes it easier to see the division of posts. Would like to implement it for the Citrus theme too.
No worries.
In your style sheet find the following:
.post {
margin: 0 0 40px;
padding-bottom:20px;
text-align: justify;
background:url(‘images/postdivide.gif’) no-repeat bottom;
}
Replace it with:
.post {
margin: 0 0 40px;
padding: 0 5px 20px 5px;
text-align: justify;
background:url(‘images/postdivide.gif’) no-repeat bottom #eeeeee;
}
#eeeeee represents the background colour. You can get a range of colours from here
Let me know if that helps.
Great! It worked. I don’t know why you didn’t implement this on the Citrus theme though. BTW, what element should I look for to widen the main and sidebar area? I see a 505px. Is this main? If so, what about the sidebar width? Sorry for bugging you.
Well, Citrus Mix is my first theme; as i’m building more and more, I’m making small improvements, as you can tell by the Strawberry blend version
Hmmm…to be honest, a lot of adjustments would be needed if you wanted to adjust the width. Not just 1 or 2 elements in the CSS, but more like 10.
Additionally, if you stretch the width to a total of 1000px, users with old monitors or low resolution (e.g older people with bad eyesight), may get a horizontal scrollbar- which isn’t nice. I wouldn’t recommend 1000px, personally!
I’ll work on a wider, banana version this week; something like 950px
Right on, Maruf! 950px would be great. From that, maybe I can rework the Citrus CSS. BTW, love your taste of design and such. Be sure that I’ll be there for any good improvement suggestions. I have something on my mind but will see if that would better your current fruity designs. Cheers!
Hey, Maruf. I got the best look with 900px and the main index @659px.
BTW, where in the CSS should I tweak to resize the post title and the date stamp?
Hey James,
To update the post title you need to edit this:
h2 {
font-size: 1.8em;
}
To update the date stamp you need to edit:
.edit{
font-size:10px;
margin-top:5px;
}
Just noticed that if there are several authors, no one will know who’s post it is with this theme. How would I go about adding the ID of the poster besides the timestamp?
Just put this next to the timestamp:
< ?php the_author() ?>
Maruf, I don’t know if it’s the theme or me, but the blog title is not clickable. I’ve looked into the header.php and I see the a href codes are all intact but the blog title is not clickable. I even went to wordpress.org and tried the demo there. The blog title is not clickable at that site either. Can u look at it? Oh, and if possible, is there a way to put an image in place of the blog title n the header image?
Can you send me a link to the blog, by any chance? I’ll be able to get a better idea of what’s going on then.
Cheers
Maruf, my site has not gone live yet. It’s being tested on my local machine. You can try it at wordpress theme demo site. You’ll see that the title link isn’t clickable (the title that’s shown inside the header pic)
Hey james,
Open up header.php.
You’ll see the following chunk of code near the top of the page:
[code lang="css"]
[/code]
Replace it with:
[code lang="css"]
[/code]
That should sort it.
I’ve just uploaded a new version of Citrus Mix on the WordPress website. It has fixes for all the bugs you have mentioned.
It should be approved with in the next 24-48 hours
Nice picture, BTW, James!
Yup, that solved the title link problem.
LOL, my gravatar is… em… hehehe
Hi! I’m a newbie at wordpress and I think this theme is perfect for the blog I’m starting. But I’d like to ask though how I could put up tabs for the categories, the same way you did with fresh-editorial? I really have no idea what to tweak.
Thank you so much.
Hey, Maruf… one quick question. I just noticed that commenting is disabled for Pages. I tried allowing comments and pings when posting a Page but when I go to the actual page, there’s no comment form. What do I have to tweak in your theme to get this function going?
Hey James,
You’ve been rather quiet recently
In the “page.php” file just add:
< ?php comments_template(); ?>
After this line:
< ?php edit_post_link('Edit this entry.','
‘,’‘);?>
So you’re left with:
< ?php edit_post_link('Edit this entry.', '
‘,‘);?>
< ?php comments_template(); ?>
Let me know if that works.
Cheers
Hey, Maruf. Your solution did the job. Just curious why this was left out in the first place.
I also found that there wasn’t a “Read More” snippet link in the post when I use the function when posting.
I’m using this theme on my personal blog and I’ve edited to use a graphic in the header, coding as usual for a clickable header, but no matter what I do it never seems to become actually clickable.
Also had problems with the nav tabs across the top.
I tried changing the above mentioned style code and still I have the unclickable header. What do you suggest?
well I did that wrong LOL the site I’m working on is http://www.justnotmartha.com/
I’m sending you an email via your contact form at the bottom of this page too.
Well, I guess I’m invisible here, seeing as my question was never answered. So much for asking for help.
Hey Dawn,
Sorry, I missed your comment.
Moving the categories at the top would require structural changes to the HTML and CSS. I mean, it would be like completely recoding the theme.
Unless you know HTML/CSS and understand WordPress, the changes wouldn’t be that easy. Unfortunately, there is no “quick fix” in this instance.
I’m not entirely sure what to suggest. I’m sorry I couldn’t be of more help.
Kind regards
Thanks for responding anyway. I think I’ll use this theme for a while. Until I find something else that’s structured the way I want. And also for the reason that I do like it.
Thanks again for the response.
This is a great looking fresh theme. Is there a RSS feed page or is that handled by a plug-in?
Hey Henry,
WordPress automatically generates a RSS.
It should be something like this:
yourwebsite.co.uk/blog/feed/
Or if you’ve installed your blog in your root directory, it will be something like this:
yourwebsite.co.uk/feed/
Any probs let me know.
Many thanks
Maruf, how have u been bro? Anyhoo, I’ll get going live with my site in a bit. I have an issue with how the posts appears. When u click on a post to read it I noticed that there is absolutely no space before the start or end of a line. Where in the CSS would I have to tweak to put like 2 spaces in the front and end of each line? For example, the comments here are parsed with some spaces in front and end of each line. Your Citrux mix does not.
Hey James,
I’m good thanks. Can’t believe you’re still working on your blog- i’m expecting big things! You’ve been working on it for ages, lol!
I’m not entirely sure what you mean, to be honest. I’ve had a look at the example I uploaded on WordPress, and the comments seem fine. Do you mean you want a bigger break between the comment boxes?
I’m not talking about the comments section. I’m talking about the post content area. If you look in the post content area, the sentence begins with absolutely no space in front.
Hey James,
I just downloaded the latest version from WordPress and installed it, and I don’t seem to get that problem.
Have you modified the original CSS? Perhaps you have altered some code to cause that?
Cheers
Hi Maruf
I’m using your theme on my blog.http://www.lezzeterya.com It’s a turkish recipes blog. I like your style. It’s my first wordpress blog. I try to learn more about wordpress.
I will write you if I have questions about your theme.
So thank you for this theme
bye
Ilhan
Hı Maruf,
no it’s not lezzeterya.com it’s http://www.lezzeteria.com
what you think about the blog?
bye
I see there haven’t been any comments for a while–I hope you’re still checking this post!
I’m having a strange problem with this theme. For some reason, links don’t show up on in posts when they’re on the front page of the site, but they do when you click on a post to get it on a single page. Take a look at the Rating System post to see what I mean:
http://www.earlofsandwiches.com
Any help would be appreciated!
Hey Brett,
There’s only one way to fix that issue, from what i’m aware. At the moment, the theme is only showing a “preview” of the post, so all images and links are stripped. If you want the link to work, you’ll have to open up index.php, which is in theme directory, and replace:
the_excerpt(); with the_content();
The only problem with that is you’ll no longer get a “preview”, the entire post will display on the home page.
I hope that makes sense. If you’re not sure what I’m talking about, just try replacing the code, and you’ll see the effect, and in hand you’ll know what I’m talking about
Kind regards
Great–that takes care of the link problem. Thanks!
Hi,
I love this theme’s layout, but I’d really like to change the image header to my logo.
Can you tell me how to do this?
Thanks
Hello, just installed the theme, love it, only problem is that the dropdowns are not working out of the box. What could cause this what should I do to fix?
Ha, I see they are not supposed to be dropdowns. I have multiple subpages and having them all just sit on top of my image all the time will not work, so I guess this is just a good starting point to try to make them dropdowns – any suggestions for a good plug-in to do that? Thank you
I’d like to know if this theme is compatible with the new WordPress version 2.9.1. Thanks.