Cutline Plus

December 22, 2009

The inaugural Thesis style offering from ThesisLab – the free port of Cutline – has been released. In lieu of a forum (which will likely be established here later), please leave any comments on Cutline Plus in comments below.

{ 25 comments… read them below or add one }

1 Dr. Lawrence Kindo December 24, 2009 at 10:52 am

Great work! I love the cutline theme and porting it to thesis framework is a great bonus. Would love to see more thesis skins and copyblogger theme by Chris himself would be a great followup on this giving. Would post the site once I start using it on my medical blog.

Reply

2 Philip Barron December 24, 2009 at 1:19 pm

Thanks so much! Please stop by again to let me know when your medical site is up. :-)

Reply

3 Alan Short January 10, 2010 at 11:00 am

Hi I think I uploaded correctly but Im stuck with the original layout
- I only found your layout because i was stuck with the original rotating pictures despite uploading some new.
I read that might be due to a cache problem but i cant believe thats still the problem?

thanks anyway it looks good

alan

Reply

4 Philip Barron January 10, 2010 at 11:24 am

So far as your vanilla Thesis layout (which you’re using now) is concerned: You must have uploaded your custom rotator images to the wrong folder, because all I see in your rotator folder are the default images.

If you were trying to use my Cutline Plus style and ran into trouble, please let me know what the problem is. I’m sure we can solve it.

Reply

5 Alan Shortt January 10, 2010 at 2:51 pm

Hi sorry thats what Im saying – i must be uploading everything to the wrong place – i’ve been through the whole process again including taking the reckless step of deleting the old custom folder rather than renaming it and uploading your custom version – but still my original layout

i think i successfully changed the permissions on the old and new versions

Reply

6 Alan Shortt January 10, 2010 at 3:22 pm

….er I think I get it — i dont get a new template i can simply click on – i make all the alterations you highlight in the downloaded screenshot – - so everything is done inside thesis — thats fantastic – ill go see if it works!

Reply

7 Philip Barron January 10, 2010 at 4:58 pm

Alan, you’ll need to make the in-dash alternations in Thesis Options and Thesis Design Options, PLUS you need to use the Cutline Plus custom folder and everything in it. I can tell that you are not yet using the Cutline Plus custom folder, because the custom.css you’re using is the vanilla Thesis one, which contains no custom code at all.

Reply

8 alan shortt January 10, 2010 at 7:21 pm

thanks – it is my belief that i have uploaded the cutline custom folder – a belief partly endorsed by the 3 header image folders showing up on the web servers – though clearly not on my site — i downloaded the custom.css from there and it does look very similar all 352 lines to the equivalent file in the downloaded outline folder (which of course it should)

i wondered whether ive got caught in a loop of downloading the original custom folder then reuploading it by mistake but i think ive eliminated that

alan

Reply

9 alan shortt January 10, 2010 at 7:38 pm

…i just pasted the whole of the custom.css directly into the editor in wordpress/thesis — it looks abit more like your theme now at least – i maybe need to look at my ftp uploads — presumably if you get all the files up there they should work

thanks for your help

Reply

10 Philip Barron January 10, 2010 at 8:38 pm

Yeah, it’s pretty clear that you have not installed the Cutline Plus custom folder. If you had, your custom/images folder would have inside it the three folders full of banner images. As it is, as I can see via the link, that folder is currently empty, because it’s the images folder that comes with vanilla Thesis. Once you actually install the Cutline Plus custom folder, things will fall into place.

Reply

11 HeelShields February 3, 2010 at 4:00 am

Since I have a shopping cart on my site, does that mean I can’t use the cutline thesis theme

Reply

12 Philip Barron February 3, 2010 at 7:28 am

I’m afraid so. Your site is dedicated to selling a product, and commercial sites are prohibited from using Cutline Plus.

Reply

13 Mike Holmes February 5, 2010 at 9:58 am

Hi Philip, thanks for the Cutline theme. I have a question though. I have “removed” the banners supplied with the theme, in fact I just renamed them to take them out of the rotation and replaced them with my own. so far so good, the site uploaded the theme and the banners. However, the header text and tagline text are appearing above the banner image, what I would really like is to get this text on top of the banner image in white. I tried using the Thesis tutorial from double mue to achieve this, but it didn’t work. I wonder if you could help me achieve the right look. At the moment I have taken out the banners due to frustration on my part.

I have to confes I am no expert. I tried to use Firebug to check if the image was there or hidden and it didnt show in the css

Any help would be much appreciated.

best regards, and thanks again for your theme.

Reply

14 Philip Barron February 5, 2010 at 10:22 am

Mike, the URL to the banner image that I see in your custom.css does work when I paste it into the browser, but I don’t see it on the page. Maybe the fact that it’s split over two lines in your custom.css is keeping it from showing?

If we can get the banner image to show again, maybe then we can work on moving the title and tagline down.

Reply

15 Mike Holmes February 5, 2010 at 4:23 pm

I’ll do that tonight and when you get a vhance take a look. In fact I will post again when I have oput the original banner up. Thanks for the reply.

Reply

16 Mike Holmes February 5, 2010 at 5:38 pm

Ok I have loaded a “virgin” copy of custom.css into the custom folder. I have put my header_1.jpg and header_2.jpg into the 3_col folder and set the banner rotation to rotate between banner 1 and banner 2. I did that because I didn’t want to eliminate the code for banner rotation. Now if you could tell me how to get the header text and tagline text in the banner either above or below the horizontal nav bar I would be really grateful. (or both ways if you are feeling really generous) Also I would like to offset the header and tag to the left a bit
and color it white, am I asking too much?

I do notice I need to resize the banner slightly, it is a bit short on the right hand side I think? dont worry though I can manage that ( just about)

Reply

17 Philip Barron February 5, 2010 at 8:00 pm

Thanks, Mike. If you would leave the banner where it is for the duration, that would be great; I need to think about the arrangement for a bit.

Reply

18 Philip Barron February 5, 2010 at 9:19 pm

This will get you in range of what you want. The first thing to do is to change the hook in the rotating banner function. By default, it is set as thesis_hook_after_header; change that to thesis_hook_header. This will put the banner and the logo/tagline in the same DIV.

After that, it’s all style rules in custom.css. We are pulling the banner image up and behind the logo/tagline with a negative top margin and a negative z-index (the position declaration is required to enable the z-index declaration to work). After that, we color the logo/tagline white.

.custom #header_img {
margin-top:-9.5em;
position:relative;
z-index:-100;
}

.custom #header #logo a, #logo a:hover {
color:#FFFFFF;
}

.custom #tagline {
color:#FFFFFF;
}

As for moving the nav menu up over the logo/tagline, you may comment out the two lines in the DROP NAV MENU BELOW HEADER section of custom_functions.php, but you may need to make some tweaks in custom.css afterwards.

Reply

19 Mike Holmes February 6, 2010 at 2:21 am

Thanks I wil give it a go and post when its done. I have to play dadstaxi service today though so it might be tomorrow before you se the change. Thanks again.

Reply

20 Mike Holmes February 6, 2010 at 2:27 am

Done it! it worked a treat! Thanks for your help on this Philip

Reply

21 Philip Barron February 6, 2010 at 9:05 am

Glad it’s worked for you, Mike! Good luck in future.

Reply

22 Jesse April 22, 2010 at 6:35 pm

Hi Philip,

The menu backgrounds don’t display in IE 7 or 8 when you use Categories (instead of pages) in your menu system.

I’m not sure if I missed one of your Thesis settings or not, but this is what I did to the custome css to make it work:

print(“code sample”);
/* comment out as shown /
.custom .menu .current a, .menu .current a:hover, /
.menu .current-cat a, */ .menu .current-cat a:hover {
background:#111111;
color:#FFFFFF;
}

.custom .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover {
background:#111111;
color:#FFFFFF;
}

/* comment out as shown */
.custom .menu a, .menu .current ul a, /* .menu .current-cat ul a */ {
background:#ffffff;
color:#111111;
}

/* add new */
.menu .current-cat a {
background:#111111;
color:#FFFFFF;
}

print("code sample");

Hopefully this shows … and thanks for the work on the theme.

Reply

23 Philip Barron April 22, 2010 at 7:29 pm

This is very welcome, Jesse. When I get a little time, I’ll check out your code against Cutline Plus behavior in IE 7 and 8. I’ll post back here afterwards. Thanks much!

Reply

24 patty May 1, 2010 at 7:10 pm

nice. i love cutline and am really starting to love thesis.

thanks.
a bunch.

Reply

25 Philip Barron May 1, 2010 at 7:51 pm

Very glad to hear it, Patty. Thanks. :-)

Reply

Leave a Comment

Next post: