Thesis Skin for Photographers: Exhibit

Free Thesis Skin for Photographers: Exhibit

by Ben Cook on October 27, 2009

In my continuing effort to provide quality pre-coded designs for the Thesis community , and after the success of my first skin, Network News Skin, I’ve decided to release another free skin for all you Thesis theme users out there.

If you’re not yet using the Thesis theme, I really don’t know what more I can do to convince you to buy it. My endorsement has only grown stronger since my 4 out of 5 star review, and as evidenced by these skins, it has helped me learn CSS at a rate I never thought possible.

Besides, without Thesis you can’t make use of all these kickin’ Thesis skins I’ve been working so hard on lately 😉

This time around I decided on a completely unique design that would cater to photographers, artists, and just about anyone else that would want to showcase their work. I present:

Exhibit

The image above should give you a pretty good idea of what the skin looks like but I’ve also set up a Demo Site so you can take a look around and see if you like it.

Once again, if you’re already comfortable using Thesis as well as the custom.css & custom_functions.php files using the Exhibit skin will be a breeze for you.

However, if you’re not quite to that level yet, that’s ok! I’ve documented the entire process, from installation to actual use of the theme, in as much detail as possible.

Note: Please don’t let the length of the instructions intimidate you, I just wanted to make it clear enough that even someone brand new to Thesis would be able to use the skin.

Requirements:

As I already mentioned, you obviously need to have the Thesis theme for this skin to work. Also, this skin was designed for Thesis 1.6 which is out of beta and has been released to all Thesis owners. While the Network News Skin was backwards compatible, I’ve not gone to that length with this skin.

Besides, you should upgrade anyway.

I’ve also once again made use of the fantastic Dynamic Content Gallery plugin that allows us to achieve the “slider” functionality without a ton of coding of our own. I’ve updated the skin to use version 3.1 so be sure you have the latest version.

And last but not least, you’ll need to install Greg Boser’s Thesis Import/Export plugin. This will save us a TON of time in configuring the skin.

Installation:

In order to download the files for the skin you’ll need to enter your name and email in the form to the left.

Don’t worry, we won’t be spamming you or anything like that. We simply want to be able to alert you when we update the skin or release a new one you might be interested in using.

Anyway, once you’ve confirmed your information you’ll receive an email with a link to download a zip file.

Unzip the files into a folder that will be easy to find later.

Upload the custom.css, custom_function.php and layout.css files to the Custom folder, over-writing your current versions. While I didn’t make any edits to the layout.css file, it would be best to upload the version I’ve provided just to make sure we’re all starting from the same place.

Tip: Always save copies of your current files before uploading the new versions. They’ll act as a safety net of sorts in case anything should go wrong or you make a mistake.

Next you’ll need to install the Thesis Import/Export plugin. You can do that quickly and easily by going to the Plugins/Add New link in your WordPress sidebar.

thesis-export

On the Thesis Import/Export page (as seen in the screen shot above), you should be sure to download your current settings and save them as a backup. That way you can always go back to the design you have now if you decide not to use the skin for some reason.

After creating your backups, select browse under Thesis Options and select the exhibit-thesis-options.dat file and click Import Options. Then do the same for the Design Options section by selecting the exhibit-design-options.dat file and clicking the Import Options button to the right.

Warning! Importing these options will overwrite any of your current options. However, it also saves me from having to explain every single option I’ve clicked as I did with previous skins.

Once the settings have been imported, I recommend deactivating the Thesis Import/Export plugin until you need it again. The last thing you want to do is get your site set up just the way you want it and then accidentally overwrite something.

Logo

Displaying your custom logo instead of the default Exhibit image requires just one simple edit to the custom.css file.

Simply replace http://exhibit.wpblogger.com/wp-content/uploads/exhibit-logo.png with the file path to your logo and save!

The default logo size is 955 pixels x 75 pixels and is a transparent png. You don’t have to use a logo this wide, and the theme can accommodate taller images as well, but you will need to edit your custom.css file if using an image that’s not 955 x 75.

Featured Content Slider

Last but certainly not least, we need to get the featured content slider working. Michael Gray has an amazing tutorial on how to create the slider and it’s actually his code that I’ve incorporated into the skin.

Note: The code on Michael’s site is slightly out of date. We’ve gone ahead and made this change to the code so be sure not to over-write it.

However, I do need to walk you through a few of the items that are specific to this Thesis skin.

Once you’ve installed and activated the Dynamic Content Gallery (DCG) plugin, you’ll need to go to the DCG settings page and skip down to step 3 to specify what content you want to feature.

DCG gives you 5 “slots” to feature in the slider and allows you to mix and match how you want those slots distributed. Rather than mixing and matching across several categories, I just created a Featured category, and inserted the category id (in my case 5) into each of the 5 category id spots.

Since I want to display the last 5 posts from that featured category, I simply numbered 1 through 5 in each of the post select boxes.

Steps 4 & 5 let DCG know where to find the images you want to use in the slider. I’ve input /wp-content/uploads/ in both fields since that’s where my images are stored.

Tip: WordPress defaults to managing your uploads into month and year based folders. Unless you want to be continually updating this setting in DCG, I recommend unchecking that box and forcing WordPress to store your images in one large folder.

Step 7 is where you’ll need to set the desired width, height, and colors for your slider. Since I want the slider to take up the full width of my site, I set the width to 955. The height is up to you but I used 500 as I think it provides the best ratio for most images. The rest of the settings are fairly self explanatory and I’ve included a screen shot of my settings for easy reference below.

dynamic-content-gallery-options

Tip: Cropping your images to match the settings of your slider (in my case 955 x 500) will make sure the images aren’t stretched or distorted in any way. It will also avoid any cropping issues when Thesis generates the thumbnails to display in the Teasers on the home page.

Once you’ve entered the desired settings, click the update options button to lock them in.

Before the slider will work you’ll need to a) make sure to save a few posts into your featured category and b) create two custom fields on each post you  want to display in the slider.

The fields are as follows:

  • Key = dfcg-image with a Value = Image filename including extension eg. myImage.jpg
  • Key = dfcg-desc with a Value = Description text eg. Here’s our latest news!

After you enter each of the custom fields once, WordPress will automatically remember them for future use. When you want to put a new post into the featured slider, just make sure you add those two fields.

Also, make sure you only include the file name of the image in the dfcg-image field. The plugin is already set to look for the images in your uploads folder so you only need the myImage.jpg portion of the file name.

Customize to Taste

Since this skin aims to cater to the artistic community I fully expect you to want to make significant changes and customizations to the skin.

I’ll try to help you through the more common issues you may encounter but I simply don’t have the time to answer all of the questions and issues you may encounter when heavily changing a free skin. Although, leaving the attribution link in your footer will definitely help your chances of getting some support for the skin. 😉

Fortunately, the Thesis support forums are absolutely top notch and I’ve never failed to get the help I needed. That’s one of the things that makes Thesis great so be sure to take advantage of it!

BUY THESIS | DEMO

{ 119 comments… read them below or add one }

DennisG October 27, 2009 at 10:38 am

Wow, great work, and thank you for sharing.

The photo skin is not something for me, but if I would like to use the Network News skin, can I make small color changes?

thanks

DG

Ben Cook October 27, 2009 at 10:51 am

Dennis, you absolutely can make color changes. In fact it’s pretty easy just going through the Design Options and custom.css file and replacing the red color (I think its #CC0000 if I remember correctly) with whatever color you’d like to use.

RowdyKittens October 27, 2009 at 11:03 am

This is fantastic! I’m going to try this skin out on my photoblog. Thank you so much!

Ben Cook October 27, 2009 at 11:23 am

Hey thanks! You’ve got some great pictures there. Can’t wait to see how it works out for you 🙂

Oscar October 27, 2009 at 11:26 am

This is awesome. Thanks for the detailed instructions too. I’ve only worked with FCG before so this gives me an excuse to try a DCG. Thanks again!

Ben Cook October 27, 2009 at 12:14 pm

Oscar, no problem. Graywolf’s tutorial on DCG helped me a TON and I tried to explain any elements where I struggled with it the first time around.

ThesisTheme.net October 27, 2009 at 4:05 pm

Ben – Great job with this skin. Very clean and the focus is definately on the photots as it should be with a photoblog. I’ll be sure to include this in the skins section of my Thesis Resource site. Looking forward to seeing more skins in the future!

Ben Cook October 27, 2009 at 4:31 pm

@ThesisTheme thanks! Cant wait to see the finished product on your design as well. Looked very nice.

TrevR October 27, 2009 at 5:02 pm

This is a beautiful skin. I’ve followed every instruction and cannot seem to get the Dynamic Content Gallery to work (or the ‘teasers’) for that matter. Never have been able to get DCG to work with Thesis. Any thoughts? Site is http://www.uncork29.com/krjphotography/

Ben Cook October 27, 2009 at 7:38 pm

TrevR, glad you like the skin! There’s actually a few different issues that could be going on, can you post link to a screen shot of your DCG settings?

Michelle October 28, 2009 at 7:26 am

Ben, You just saved my “skin”! This is perfect for a site I need to revamp quickly…thanks SO much! Downloaded and will install tonight!

TrevR October 29, 2009 at 1:02 am

Ben–can I email you the screenshots?

Ben Cook October 29, 2009 at 3:24 pm

TrevR, sure! bcook at wpblogger dot com.

Tammy October 30, 2009 at 2:24 pm

I don’t have a custom logo for my photoblog yet. This is probably a silly question, but could I use the default header in the interim?

Thanks in advance! I can’t wait to try the skin out this weekend.

Ben Cook October 30, 2009 at 3:27 pm

Tammy, I’d recommend just typing the name of your website into paint or something and creating a logo that way. The one that’s displayed on the demo site has (your logo here) as part of the image and that wouldn’t look very good on your site.

RowdyKittens October 30, 2009 at 4:33 pm

Thanks Ben. I’ve never created my own logo before so I wasn’t sure how to move forward. Thanks for the suggestion! I’ll check Paint out.

Ben Cook October 30, 2009 at 5:03 pm

Tammy, there are all sorts of free image editors out there. You’ll just need to find a font you like.

I used white text with a transparent background and saved it as .png. Then upload your image and swap that file path out for the one I’ve listed in the custom.css.

robert November 2, 2009 at 7:33 pm

hi, about to use your skin, just working on the gallery – when the gallery is finished will my nav menu also be within the DCG?

RowdyKittens November 3, 2009 at 3:50 pm

Hey Ben – thank you so much for the skin! It’s officially up on my photoblog. I’m having some issues with the image slider, but I’m hoping to figure out how to fix the problem tonight. 🙂

Jennifer December 16, 2009 at 2:40 pm

Thanks for the great skin! It’s perfect for my WWII project!

But, everything stopped working when I updated DCG to v.3. According to the support forum, you no longer need to use global $post to call DCG. Once I made the code change they suggested, DCG worked fine again. It only affects those who have updated DCG to ver 3.

Ben Cook December 16, 2009 at 2:51 pm

Jennifer, thanks for the heads up! I’ll edit the post to mention the possible issue as well.

Koen January 3, 2010 at 3:43 am

Hey Ben, great work on the skin dude! I am testing it on a development project as we speak. This project has both landscape and vertical pictures so every post links to content showing those pictures. In your demo site every picture is landscape (in the teaser and in the post). You have any recommandations for picture sizes (landscape and portrait in the post itself)?

Ben Cook January 4, 2010 at 2:57 pm

Koen, glad you like the skin. The skin definitely handles landscape images better but it does ok with portraits as well.

If you have images that can fit the 955 width that looks really sharp IMO but in the end it comes down to personal preference. I’ve used this skin on one of my other sites (http://viralimages.com) and it looks good even with much smaller images.

Good luck & let me know how it goes!

Koen January 6, 2010 at 4:10 pm

Tnx for the reply Ben. My dev-project can be found at http://www.koencolpaert.net/dev/ The current sizing of the images is a remain of the former theme and I am searching for the best balance between swift loading and visibility.

Lovinthistheme! January 19, 2010 at 2:39 pm

I really like this but for some reason I get an error lacoralina dot com / blog thank you for any assistance you can provide me with 🙂

Ben Cook January 22, 2010 at 5:41 pm

I’m guessing you didn’t tell the plugin where to find your images in one of two places. I’ll email you to try and walk you through it. Glad you like the skin!

amanda January 24, 2010 at 2:32 pm

Hey I was the lovinthistheme comment 😀 Do you have gtalk or something maybe I can figure this out myself I’llt ry again.. or else email me @ this address when you have time 🙂

Thanks!

amanda January 24, 2010 at 2:45 pm

i think the issue is my upload folder, does it have to be chmod other than 755 or something?

Ben Cook January 25, 2010 at 3:44 pm

Amanda, no your upload folder doesn’t have to be anything other than 755. You do need to make sure that you’re pointing the DCG plugin to the correct upload folder though AND that you’re entering the special dfcg-image as a custom field. Are you doing both of those?

David February 12, 2010 at 4:58 am

Hi Ben –

Thanks for the outstanding skin. I’m trying to configure a site for my sister, who is a photographer. Everything seems to be working except the teaser thumbnails on the Home page. No matter what size I set in the Thumbnail Settings in Thesis Options, the “thumbnails” are displayed at full size (955×500). Looks really bad. Is this something that needs to be set in custom.css? Or should I just crop and upload my own thumbnails?

Thanks for the guidance.

Ben Cook February 12, 2010 at 10:43 am

David, it sounds like you might be dropping the image url into the Thumbnail Image field on the posts. If you do that they won’t be cropped automatically. If you only drop the image URL into the POST Image field, they should be cropped.

If that doesn’t work, feel free to let me know and either post the URL here or email it to me if you don’t want it publicly viewable.

David February 13, 2010 at 6:30 am

Ben – I think you were right. All seems to be okay now. Do you know if there is any way to prevent a specific post or posts from appearing as a teaser (thumbnail) on the Home page. I can’t find any provision for it in Thesis panels, nor any reference to it in any documentation. It would be nice to limit the home page to specified content.

Ben Cook February 13, 2010 at 5:28 pm

David, I don’t think there’s a way to do it easily. At least not that I know of. You could create a customized home page by creating a new page that has a custom template but that’s probably a couple of tutorials on its own.

Nick February 15, 2010 at 7:26 pm

So… uh, where is the download link? I signed up for the feed but thats the only option on the left side.

Nick February 15, 2010 at 7:29 pm

Nevermind… it is visible in IE not in Firefox.

Ben Cook February 16, 2010 at 10:59 am

Nick, what’s weird is that I’m using FireFox & I’ve checked the pages in Adobe Browser labs as well.

What version of FF are you using and are you on a PC or a Mac?

Nick February 17, 2010 at 2:31 pm

Ben,

3.5.7, It seems to be working in FF now though. Strange; probably a one-off glitch.

Mark February 22, 2010 at 7:17 am

I’m sorry if you are repeating yourself here…..but I did try to get this to work with the Pages instead, but failed miserably.
1. I do not want it to take the pictures from the posts.
2. I would actually like to have posts without images being involved….as I’d like to have people follow me on an RSS feed. If I want images in the post, I will just add them, from the gallery I talk about in 3.
3. I also want to have the main image on the first page to be a large photo. I’d like to have a seperate image gallery on a different page to draw from as I’d like to be able to upload to the gallery quickly and easily.

While I followed everything closely, some of the sections in the dynamic content plugin were not the same number as you had in your tutorial so it through me off completely.

I’d rather not abandon this and go to the new theme my girlfriend suggested (Grace)……but I do need help.

Appreciated,

Mark

katemckeon February 22, 2010 at 9:44 am

Dang. Love the theme, couldn’t get the box to work. I kept getting line errors. Thanks for putting it out there!

kate

Ben Cook February 22, 2010 at 10:53 am

Mark, it sounds like this skin might not be the skin for you.

Also, I’m not really sure what having images involved in your posts has to do with people following your RSS feed.

Basically it sounds like you’re wanting to alter the skin in a lot of major ways and unfortunately I just don’t have the time to code that for you. Sorry!

Ben Cook February 22, 2010 at 10:53 am

Kate,
Glad you like the skin. Can you post a link to the site you’re seeing the line errors on? It’s hard to diagnose without seeing the patient 🙂

Pearl February 26, 2010 at 8:45 pm

I am just setting the site / skin up. It seems to be working fine. I would like to know how to more evenly separate the “teaser” section to make it even on both sides?

http://www.CameronSanborn.com

jwarner March 1, 2010 at 12:21 am

Hi Ben, I’m excited about this theme!

For some reason I can’t seem to get past “Upload the custom.css, custom_function.php and layout.css files to the Custom folder, over-writing your current versions.”

When I try to upload, I get a message that says, “The operation can’t be completed because one or more required items can’t be found. (Error code -43)”

I am trying to upload it on a brand new blog. Hope I can get it work.

Ben Cook March 1, 2010 at 1:54 am

Hmm, that’s a new one for me. What are you using to upload the files?

You need to be uploading these three files in the custom folder via an FTP program or your host’s file manager etc.

jwarner March 1, 2010 at 7:12 am

I am using an FTP program (ExpanDrive)

jwarner March 1, 2010 at 8:39 am

It’s working Ben!

Ben Cook March 1, 2010 at 5:05 pm

I’m glad you got it working. I obviously wasn’t much help but as long as you got there in the end that’s all that matters 🙂

I’ve noticed that some comments/questions for support have been getting caught in my spam filter 🙁 . If I haven’t answered your question please don’t hesitate to ask again.

jwarner March 3, 2010 at 5:51 pm

Hi, I’m using your skin! Site is still a work in progress though. How do I get the pictures to show up in teasers under and slider (so that it looks more like your exhibit demo site)?

Pearl March 4, 2010 at 9:01 am

jwarner,

When you make a post while using the thesis theme, there is an option down a little bit on that page for the post image. Simply paste in the url of the image that you want to use in the post & it will automatically re size for thumbnail use in the teaser section.

* Be sure not to include the image in the post itself (like I did initially), because you will then end up with 2 pictures in the post. It took me a while to figure that one out, because I am brand new to thesis 😉

Hope this helps a bit 😉

Pearl

Avinash D'Souza March 5, 2010 at 12:46 am

I love this skin!!Tweaking this is gonna be my weekend project..it’s a great start but not enough for me! I’m so kicked by the fact you went this far….

Cheers,
AviD

Tom March 8, 2010 at 11:40 am

Nice, and looks exactly like what I want for a photoblog, but it’s driving me crazy…the closest I have gotten is (with only 2 photos, working on “localhost”) is the first pic thumbnail badly cropped, main box empty or saying ERROR)…the error messages all tell me that they shouldn’t stop it from running. The dynamic gallery has been upgraded, so this is not the same… I suspect you would like more specific errors, but I also suspect there is one oversight I am making. All ideas welcome, thanks in advance.

Ben Cook March 8, 2010 at 12:05 pm

Tom, DCG has updated again recently and made a couple of changes as to how things are handled apparently. There should now be a DCG field that you drop the URL of your image into for the main slider.

For the thumbnails, you need to drop the URL for your large image into the Thesis Post Image field, or a self cropped image into the Thumbnail field on each post.

Hope that helps!

Jim March 9, 2010 at 4:04 pm

Thanks for the great skin Ben! Just put up my first test install for Exhibit…my first Thesis too. Wondering if you have any other “portfolio” type skins in the works?? There’s also a developer named ProPhotoBlogs also doing some beautiful work with portfolio themes exclusively…might spawn a few ideas for you. Haven’t seen behind their curtain yet, but seems to be a Thesis competitor…catering just to photographers.
Also, if there are any other color schemes for “Exhibit” lurking out there?…or any tips/tricks for modifying your color scheme…would appreciate knowing. Thanks!

jwarner March 9, 2010 at 5:59 pm

Thanks Pearl and Ben, everything is working fine now. Will post the link once I finish up with the final tweaks.

Jim it’s easy to change the colors (with Thesis). Login in to your Wordpress admin, looking at the sidebar to the left-scroll down to the section named Thesis Options and click on DESIGN OPTIONS, Then there is a section called Fonts, Colors & More! and you can easily change the colors to just about everything there. Hope this helps.

Bob March 14, 2010 at 4:31 am

Hi Ben,
I just added the exhibit skin to my website and am wondering how I remove the captions of the posts and replace them with the photos like in your demo site. I also like the effect that you have when you click on pictures in the slideshow!

I appreciate any help you can give!
Bob

Silver March 17, 2010 at 2:04 pm

Hey Ben Cook.

I’m a little lost here..
I’ve been trying to use this theme, but haven’t had success with the DCG.
I can’t get the images to show up in the gallery. The description works great, shows few lines from the original posts, but the image doesn’t show up.

Any suggestions?

Ben Cook March 17, 2010 at 3:05 pm

have you watched this tutorial for DCG that I created?

https://wpblogger.com/dynamic-content-gallery-how-to.php

it’s a little hard to see the screen capture (going to use a new software next time) but it should walk you through it. Let me know if you’re still having issues tho.

Ben Cook March 17, 2010 at 3:12 pm

Bob,
That’s found in your Thesis design settings. Under the Teasers I just checked off all the boxes except for the thumbnail option. That should have been imported though when you loaded up the options files I included in the skin?

Let me know if you’re still having issues.

jwarner March 17, 2010 at 5:35 pm

Ben for some reason my site doesn’t look the same on Firefox as it does on Safari. In Firefox it doesn’t seem to line up. The bar that has home, about, free updates does not line up with the images (on the home page and on each of the featured post). But everything lines up perfectly on the about page and all other pages. In Safari everything looks the way it should. Any ideas?

Silver March 18, 2010 at 6:11 am

Hey again Ben Cook.

The video was really helpful, but a little hard to capture the stuff from the screen. But it doesn’t matter. 🙂

But still I have the problem, that the images doesn’t load. The last time DCG was showing me “error”, now it’s showing me a loading image in the middle, and the images still doesn’t show up.

What should I do next?

Ben Cook March 18, 2010 at 9:34 am

Silver,
Are you using images that you’ve uploaded to your site?

Also, do you have a link that I could take a look at to examine closer?

Thanks!

Jim Wilkerson March 18, 2010 at 4:23 pm

****Thumbnails Not Rendering?? Here’s One Potential Solution****

If you like to use Title Case for your domain name URLs (I do too), here’s one thing to look out for as a potential problem:

By having the “WordPress address (URL)” and “Blog address (URL)” (shown on the WP “General Settings” tab of the dashboard) listed in Title Case…THAT causes new image URLs created in the Media Library to also use the Title Case…which the “Post Image and Thumbnail” field of your posts does NOT like. (The Dynamic Content Gallery Image URL field does not seem to care.).

There’s nothing inherently wrong (basically) with the Media Library creating the URL in Title Case…but you definitely need to remember to change the capital letters to lower case when you post that image URL into the “Post Image and Thumbnail” field of your posts. It definitely affected me.

Many thanks to Ben Cook for helping me troubleshoot …and for this beautiful Exhibit theme! Apparently though, there are other causes that impede thumbnail rendering, but I’ll let Ben explain his experience.

Silver March 18, 2010 at 4:57 pm

I sent you a message via e-mail. 🙂

Martin March 23, 2010 at 8:47 am

Cool skin! I am using Thesis 1.6 on my personal blog site, and while I don’t want to do a total re-design with this skin, I would REALLY love to use the image slider on my site! The problem is, I can’t seem to find a good, clean slider solution for Thesis. FCG and Smooth Slider are buggy and don’t seem to play well with Thesis. Any ideas?

Ben Cook March 23, 2010 at 9:57 am

Martin, I use Dynamic Content Gallery and also did a video walkthrough of the plugin although it’s a bit tough to see the actual text. I think it’s still helpful though and should get you where you need to go.

Good luck!

Aleco March 23, 2010 at 2:32 pm

I am so eager to use your skin, Ben, but so far no success
I closely followed your instructions, both old (Oct 27) and on the DCG video (good video, although you dont talk about using the Pages option in the Gallery Method, which I am)
several times, different ways, a friend repeated it
and the gallery does not show
are we missing something obvious?
I have thesis 1.6 installed and it works fine, and we installed your skin without any ‘thesis programming’ thinking you have it in custom_functions.php
should we have done something?
What info do you need from me?
Thank you very much
Aleco

Aleco March 24, 2010 at 10:01 am

I found out in my case that DCG works on a frontpage made of posts but NOT on a static page
is this normal?

Jim March 30, 2010 at 12:33 pm

For anyone trying to center their tagline in the header, this should help.

http://diythemes.com/forums/css-html-design/25123-centering-nav-bar-tagline.html

Bob April 5, 2010 at 3:25 pm

Ben,
First of all THANKS for the great free skin! I started working on iy yesterday and I didn’t want to stop. I did have a few questions.

The menu bar: How hard would it be to m9ove that off of the photo? Also when I go to the post page it leaves a lighter grey bar next to it?

Red dotted line: Could be my computer? Sometimes I see a faint dotted red line at about 3/4 s the way across the site running from top to bottom.

Site gets lost for a fraction of a second: Sometimes when I go from the main page to a post the skin disappears and everything is crowded to the left with no skin.

Here is the site: Random Thoughts and Photos

Thanks again for the skin. Your work is appreciated!
Bob

Ben Cook April 5, 2010 at 4:40 pm

Bob, it looks like you’ve kept up the good work as I’m seeing both issue 1 & 2 that you mention already taken care of 🙂

I haven’t seen the red dotted line, nor have I been able to recreate it in Adobe Browser Lab. What browser & OS are you running? Any browser plugins/addons in use?

Bob April 5, 2010 at 6:15 pm

Ben,
Thanks for the quick reply!
Sorry about all of the typos in the last comment! I had been pulling weeds all day!
I am using FireFox and XP. But I also saw it in IE. I am thinking that it is my monitor.
I think that I can live with and/or fix what I have done. Not bad for less than 24 hours!
Thanks again for the free skin. I appreciate the time that you spent!
Bob

Lala April 14, 2010 at 11:25 pm

I never receive the confirmation email and I can’t wait to install. My blog feels so nakes!! I”ve check the email entered and it’s correct. Please help

Ben Cook April 15, 2010 at 2:58 pm

Lala did you get the email eventually? Sometimes it takes Aweber a while to send the email.

Lala April 20, 2010 at 10:48 pm

Yes, I did receive it.. but My theme looks crazy. I’m going to start from the beginning and try it all again. You can take a look at my craziness if you like. Just click on my Logo..work in progress

Lala April 21, 2010 at 10:46 am

Also..I’ve followed the directions to move the nav bar down the way your site has and I just can’t get it. Any ideas what I’m doing wrong?

Lala April 22, 2010 at 12:50 pm

I think I might be on my last leg here…when you click on anything there are multiple pictures from the gallery showing even before the post. Anyone reading with knowledge, I would love the assistance 🙂

Ben Cook April 22, 2010 at 2:36 pm

Lala, I’m not really sure what’s going on there. If you’d like, you can email me your custom_functions.php file as I suspect that’s where the issue is but from the outside looking in, it’s nearly impossible to diagnose.

It looks at first glance like you’ve got one of the settings in Dynamic Content Gallery set funny but I’m not sure what that would be as I can’t see that info from the outside.

Jack April 22, 2010 at 5:45 pm

Hello , No one is talking about an error which i see their is ” </" showing up in my template when i try to use this skin

Did Anyone had the same problem.
URL: http://demo.cmelban.com
1- Error in the page: </ show up in front page
2- Trying to make Post to go Blog , Not to Main page

Does anyone know how to fix that

Thanks in advance

Ben Cook April 22, 2010 at 6:40 pm

Jack, it doesn’t look like you’ve installed the Dynamic Content Gallery plugin that this skin requires. Did you follow all of the installation directions?

Jack April 22, 2010 at 7:38 pm

Hello Ben ,

Yes i did install it but i am ruining into problems
I want to use WP as CMS and make full website and a Blog section
1- I want main page Home to show the DCG as any normal website will do
2- Blog to show Blogs Post and Comments area for bloging
3- Photography section to show Different gallery option

But the problem i run in to is I see </ in all my pages
Main Page does not work properly and blog page that where the DCG show up and i am very new to thesis Template

If You go to Blog section you will see DCG their but i did not add any images yet

What do you recommend
Here is the URL: demo.cmelban.com

Lala April 23, 2010 at 8:56 am

Finally figured out what I did wrong. I omitted this key part:
Upload the custom.css, custom_function.php and layout.css files to the Custom folder, over-writing your current versions. While I didn’t make any edits to the layout.css file, it would be best to upload the version I’ve provided just to make sure we’re all starting from the same place.

Now, I’m still having trouble with multiple pictures showing up when you click anywhere. And thumbnails not showing up. Any ideas?

Jack April 23, 2010 at 12:43 pm

Hello LaLa ,

I am having the same problems with my Website On top of that i see a error
</ on my pages and can not find a way to remove it

Anyone has any idea please help

Ben Cook April 23, 2010 at 1:54 pm

Lala, I’m glad you got part of it figured out. Not uploading those files would definitely be critical.

For the other part, would you be able to send me a screen shot of your Dynamic Content Gallery settings page? I know there are a lot of them so it might take a few screen shots.

Jack, the extra characters you’re seeing on your page are likely due to a typo of some sort in your custom_functions file. I’m taking a look at that now just in case.

Ben Cook April 23, 2010 at 2:00 pm

Jack, I believe you’ve somehow managed to tweak a tag just before the end of the body tag. While I’m sure this isn’t the answer you wanted to hear you’ll need to crawl through your custom functions file and make sure all your divs are closed properly. I would recommend starting with the footer one and working your way up.

Also, for Jack & Lala, if you input an image into the Post Image field, you don’t need to include that image in your post code. It’s automatically added. That could be why you’re seeing multiple images show up.

Jack April 23, 2010 at 2:17 pm

Hello Ben ,

Thanks , i been playing around with it since yesterday and footer been coded in some ssl type of code like this:
I went to:
1- appearance
2- Manage themes
3- Editor
4- footer.php

“”””””” “”””

But as you said : custom functions file
I will play around with it and see if i can find the tag and close it so it wont display in the page

As far the gallery i was able to get it working in the blog section and for the Home i used flash gallery which is good one too

I will keep playing with my demo site unit i get working properly and then make my real website

demo site is: http://demo.cmelban.com

Thanks a lot for advise

Jack April 23, 2010 at 2:22 pm

Hello Ben,

Cod did not show up in last post but here it is:
* WARNING: This file is protected by copyright law. To reverse engineer or decode this file is strictly prohibited. *

o=”QAAAOzh3b3cNKC0tDSctJ09maQAAY2tidCdzb2InYW5pZmsnZgEAZHNuaGl0JwGQJ2pmdWxydycgwGhhAgJ3ZmBiKQNQADAnR3dmZGyAhgEAJ1NvYnRudAEwKA0nDQRgANBYAABvaGhsWGZhc2J1WG9zamsvAAAuPA0NJCdGY2NiYydzaCdmAAB3d2JmdGInZGJ1c2ZuaSd3CABrcmBuByBwb25kbydkb2JkbAgEJ2FodQdAbnQnZGhjYicCUHNvggYA0GFua2I9BLBwd1hhaGgGAAWxOAAgOQ0NOyhlaGN+OQCA”;

So not really sure what to about footer

But thanks again

Lala April 23, 2010 at 4:22 pm

Just sent 7 screen captures. Hope this will do the trick!

How’s it going Jack? I like what you’ve done so far.

Jack April 23, 2010 at 5:44 pm

Hello Lala ,

Still fighting </ did u by chance get the same error when you uploaded your copy of the skin .. Not sure why i get it

If anyone has good copy of the skin can u plz send it to me jack_lynee@yahoo.com

As far as the tag it is in HTML Code and can not find it

I will keep trying

Thank You

Ben Cook April 23, 2010 at 6:28 pm

Jack, you should be able to download the skin again from the same link that was sent do you in the email.

If you don’t have that email still let me know what email you registered with and I can resend it.

Jack April 23, 2010 at 7:37 pm

Ben ,

Thank you very much , e-mail i used is jack_lynee@yahoo.com
I am still working on getting </ hopefully i will be able to fix it
i will keep trying

THANK YOU VERY VERY MUCH

LaLa April 23, 2010 at 8:50 pm

Jack,
No..I didn’t get that error. Actually no errors at all. I just can’t get my imagaes to show right now on the front page. And the multiple images on any post. Good luck to ya!

Jack April 23, 2010 at 10:17 pm

Lala ,

OK here what you need to do Go to Wordpress admin page , Then go to Post or page and then in your right side you will see their is option for DCG
Put the link of the image in it.

1- Add new post Test for example
2- Add image to it
3- Take the URL for that image and add it to DCG in that page
4- Put The same URL in Thumbnail Section
5- Publish it

You should see an example of it in my website
http://demo.cmelban.com/?page_id=378

MY English writing is not every good but if did not get it please e-mail me and i will write a doc and send it to you step by step

You can also read this article check number 5 selection
http://www.studiograsshopper.ch/dynamic-content-gallery/documentation/

Let me know if you run it to problem i can send u screen shots of my wp if u send me an e-mail

Thanks

Jack April 24, 2010 at 3:18 am

Hello ,

Regarding my issue with ” </ " error
Using firebug in firefox i found the error comes under

</

When i remove that using firefox the error goes a way </
But honestly i can not find it any where , i went over thesis template and the new skin but not able to find it at all
And no one esle has that issue as we can see from everyonce post so not sure what i do wrong. i even try to fully install and re-do my job three time and i cretated two website to check
http://demo.cmelban.com and
http://cmelban.com

Same error ,

Thank you

Jack April 24, 2010 at 3:19 am

Here is the error the post did not add it for some reasons

</

LaLa April 24, 2010 at 6:09 pm

Ben..hoping your still there. Not sure if you’ve been able to see what the problem is yet. Would love to hear from you.

Jack April 24, 2010 at 10:02 pm

Hello

I am done with the demo site and actually i will work on my real website for photo gallery

AND Thanks alot to this forms and people in this website great support and very nice people THANKS ALOT TO EVERYBODY AND TO Ben Cook for great skin

Thanks

LaLa April 24, 2010 at 10:05 pm

Jack….Congrats on getting it to work!!

Ditto to everyone that have been supportive. This is a great resource!

Ben…I am forever indebted!! Thank You SOOOO much!! {enough exclamation marks now…just one more!}

Jack April 24, 2010 at 11:38 pm

Lala , Good , what is the URL for your site i am excited to see it and happy for you

waiting to hear back from you

LaLa April 24, 2010 at 11:49 pm

Oh you can just click on my logo {the little camera} I’ve actually kept it lie the whole time.

Jack April 25, 2010 at 2:02 am

Lala good work i like ur website better them mine LOL
How did u get twiter and facbook in the hader ?? sure some people will love to have it their site just like u have

Please share so we all add extra feature to our wp website

Thanks

LaLa April 25, 2010 at 2:26 am

Jack & Others,
Let me start off by saying..Thank You – Jack! I’m glad someone likes it other than me..lol. I’m learning & growing. Coding, graphic design & Photography are a daily learning course for me that I am truly enjoying. I do a little here and there between keeping up with my twins. You should also know I get bored FAST! So what you see today might be gone tomorrow 🙂 That being said:

Social Icons in Header: It actually is not how I want it yet but for now I’m using openhooks and have placed it in the HEADER box after the header coding. Right aligned with this code – ……

That’s it. My icons are the simple downloaded social icons you can find anywhere but I’ve added text in photoshop {I love photoshop} create the HTML code and place after header.

I will probably be changing the icons because I’m not one for generic. But for now…it will work! I like a white background to draw the eyes in and not too much strain.

Ideally I would love to find coding to place the social icons truly inside of the header. I know there is a way, I just haven’t found it yet. If you stumble across it, please do share 🙂

Jack – I can’t wait to see your site too!!! Link up when your done.

Jack April 25, 2010 at 12:57 pm

Lala ,

Me to i have small projects to work on and photo gallery is just small project i am starting with for right now but trust me my original website will just look like the demo site. The best way to be in the business is to work on demo site
run updates in the demo site and keep original online at all time. If things go south Online user will not notice any changes because you update the orginal site only if everything goes well with demo HINT HINT
But i think your website will always look good

Thanks

Jack April 26, 2010 at 1:13 pm

Hello Guys
I requested from wp team to make wordpress as complete cms and i thought it will really good if i put my idea into this post also so i can see how many people will agree with me
This is the original e-mail i sent to wp

I have a request and i hope The WP Team
Consider it for sake of Success of WP Project. Would it be possible to make Two WP in next release

1- WP as Blog
2- WP AS CMS

The number of user who use WP will increase 50 % If WP Become fully customized CMS that Have Option to build Website as Non Blog
I love WP and i want success for this project + i would love to build website with wp and then add blog page or forms page into the site.
I used MODX , Drupal , Mambo , Joomla And many more but i love WP as CMS
The coolest CMS I have seen

Please consider my request

Thank you very much

Ben Cook April 26, 2010 at 1:40 pm

Jack, let’s try to keep this thread to discussion about the skins.

However, to answer your point, WordPress is already a fully customizable CMS. You just have to know how to make it do what you want it to do 🙂

That’s what makes Thesis so nice to use. You can mold it fairly easily around any type of site you create.

Jack April 26, 2010 at 4:37 pm

Hello Ben ,

Thank you very much for all of your help and support.

Jack April 27, 2010 at 1:56 pm

Hello Ben ,

I have new problem , i want to DCG to show up in Home Page and blog page only but not sure how to do that any idea ?

Thank you

Eliana B. June 1, 2010 at 1:04 am

Hey there,

I am not able to upload the dat files in Thesis 1.7. It is telling me WHOOPS! The file you attempted to upload is not a valid All Options file. Please try uploading the file again, or else download a new, valid Site Options file.

Please help!

Eliana B. June 1, 2010 at 1:15 am

Fixed it but I now have this error – http://sepiaweddings.com/

Ben Cook June 1, 2010 at 3:20 pm

Eliana, it looks like you haven’t installed and activated the Dynamic Content Gallery plugin which this skin requires.

Aleco June 18, 2010 at 3:52 am

do you anticipate any problem upgrading to WordPress 3.0 “Thelonious”?
should we wait?
thank you!

Aleco June 21, 2010 at 12:22 pm

Hello Ben
am using WP 2.92 with your great skin for which I keep getting compliments
http://www.travelwithalexander.com
I used to see the link (Edit) to log in ONLY with IE8 (not on Firefox/Chrome), now I don’t even see it there anymore
how can I log in? Thank you very much
Aleco

Ben Cook June 24, 2010 at 10:45 am

@Aleco you can log in by just going to travelwithalexander.com/wp-admin and no, I don’t think there are any issues upgrading to 3.0

Aleco June 24, 2010 at 3:07 pm

thank you very much Ben
issues solved
again, I receive lots of great comments on my site with YOUR skin

Avi July 1, 2010 at 2:58 pm

Hey Ben,

Thanks for the tutorial man, I really appreciate it! Your skin ROCKS!

I had some issues getting this to work with Thesis 1.7, but after some tweaks I think I got it to work right. There are still some spacing issues on my website, but I still think it looks great. Considering I just learned of Thesis and WordPress last week, I think I’m doing OK… lol. I just wanted to let you know that I (an absolute beginner with no prior knowledge of website design, CSS, HTML, or PHP) was able to get this to work, and I really appreciate the time and effort you put into releasing this free skin along with the excellent tutorial.

I’m still in DEV; still need to fix the resolution on most of my pics and clean up a bunch of stuff…

http://viras.me

Can’t wait to see some more of your skins bro! Keep up the excellent work!

Regards,
Avi

[EDITED: Don't Keyword Stuff Your Comment Name] July 27, 2010 at 5:35 am

A great collection of skins. Thesis is the most popular theme framework and I think the users will go on increasing since Thesis is class of its own. Thanks you for sharing these beautiful skins

Bob August 11, 2010 at 3:25 pm

Ben,
Just wondering if there is an easy way to make 3 columns in the footer instead of 2?

Thanks,
Bob

Still loving the skin!

Mike M. September 19, 2010 at 12:55 am

Hi Ben,

Great skin and good instructions. I have one issue: There is a link in the menu that says “No Categories” and I am unsure why that is. I am sure it is some simple setting, but have not found it.

Ryan February 24, 2011 at 9:48 am

Hey Ben,

This is probably the best looking photography skin I’ve seen for thesis thus far…. If I had a photography blog I’d totally be using it. Nice work.

Greg Lumley February 27, 2011 at 2:29 pm

Hi Ben, just thought I’d let you know the Thesis Import/Export plugin seems to no longer exist. I’ve abandoned using the Exhibit skin as a result.

Thank you so much for sharing none the less.

Greg.

Previous post:

Next post: