, ,

Introducing Chromatic – the ultimate WordPress portfolio theme

Chromatic-WordPress-themeFour months ago, our theme development team we set out to make “the ultimate portfolio theme for WordPress.” Today, we’re proud to unveil it. We call it “Chromatic” and it’s jammed back full of the most popular features from our 2013 theme lineup, as well as many new features.

Don’t feel like reading? Explore the Chromatic theme demo now or Buy Chromatic now. Here’s an early bird coupon valid until Dec. 1, 2013 only: CHROMATICLAUNCH Don’t forget, all of our themes and plugins come with a full 30-day refund policy and 1 full year of outstanding support from a great team of devoted developers.

One Theme, Dozens Of Layouts

chromatic-colors We’ve combined just the right amount of theme options and page templates to make Chromatic incredibly flexible, yet easy to setup. In total, Chromatic gives you about two dozen different layout combinations to choose from (page templates, colors, columns, slideshows, custom headers, background images, selling options, fonts, etc).

Go Fullscreen

chromatic-fullscreenAll gallery slideshows can now be toggled into fullscreen mode (see example). And if you have the Sell Media plugin activated, all images you have posted for sale can also be displayed in fullscreen mode. Bigger is definitely better.

Sell Online

chromatic-cartSell image downloads and prints (optional upgrade) directly out of Chromatic and WordPress when you activate our free Sell Media plugin. Sell directly from the homepage (see example) if you want!

Flexible Portfolios

chromatic-orientationChoose horizontal, vertical or square image layouts on the homepage and archive pages. Choose between two, three or four column layouts and allow your site visitors to toggle from grid to list view.

Parallax Effects

chromatic-parallax

Subtle design features like the parallax effect seen on slideshow titles and the fly-in, fly-out effect applied to the left-side menu navigation set Chromatic apart.

Content Is King

chromatic-contentChromatic is highly functional yet the design fades into the background to allow your content to shine through. The main site navigation and the footer content can be opened and closed with a simple mouse click.

Responsive

chromatic-responsiveChromatic includes responsive layouts optimized for phones, tablets and desktops.

What do you think?

We’d love to hear what you think of Chromatic in the comments below!

64 responses to “Introducing Chromatic – the ultimate WordPress portfolio theme”

  1. Philip B Forsyth Avatar
    Philip B Forsyth

    This looks great! Can you use video on this theme?

    1. Graph Paper Press Avatar

      Yes, you can definitely use video on this theme.

      1. Philip B Forsyth Avatar
        Philip B Forsyth

        Is it possible to enable advertising with this theme?

        1. Graph Paper Press Avatar

          It is possible, but advertising isn’t built into the theme. You might checkout some advertising plugins if you need that functionality.

  2. opu Avatar
    opu

    Great seen,simply beautiful,

  3. Bruce Williams Avatar
    Bruce Williams

    One thing I notice right off is that when you go to a “portfolio” there is no easy way to get back to the portfolio index page (e.g., when you are on http://demo.graphpaperpress.com/chromatic/2013/11/05/rome-at-nighttime/ there is no easy way to get to http://demo.graphpaperpress.com/chromatic/author/michael/ other than the browser back button). Having breadcrumbs would be an easy way to solve this or, alternatively, a “Back to Portfolio List” button or similar.

    1. Graph Paper Press Avatar

      Yep! Good catch. While you can click the “Portfolio” link in the left menu, adding breadcrumbs would be better. We’ll add that feature to the next release (1.0.1).

  4. Scott Avatar
    Scott

    Great theme! Will you be adding a Google+ icon to the ones already there for FB and Twitter on your themes?

    The social icons feel buried on this theme. How hard would it be to move them to the top of the page or to add them to the menu to make them more prominent?

    1. Graph Paper Press Avatar

      Yes! Looks like this initial release is missing Google +. We’ll add it to the next release (version 1.0.1), which will be available later today.

      Social icons are actually fonts, so there should be no blurring at all.

      Moving the social icons into the left menu bar is super easy. Just follow the instructions for adding social icons to menus and make sure you add them to the Top Menu postion (not the Footer Menu position). If you want them in a totally different location, you’ll need to cut/paste the menu PHP code found in footer.php into header.php and then and a little CSS to position them where you want them exactly.

      Hope that helps!

      1. Scott Avatar
        Scott

        Thanks! I look forward to checking out this theme in depth for my site.

  5. Gerrit Avatar
    Gerrit

    Hi Thad,

    this is a very beautiful and useful theme.

    I am very interested in the lightbox feature. Can a link ‘add to lightbox’ be placed on the hover overlay to the right of the ‘Buy’ button on ‘Portfolio’ or ‘Buy Photos’.

    Is there a shortcode to add ‘Add to Lightbox’ to any image?

    Sending/saving the lightbox as PDF would be great. Is it possible to add this by a php experienced user?

    The fullscreen button is nice. Can this be used on any image?

    Thanks,
    Gerrit

    1. Graph Paper Press Avatar

      Glad you like it Gerrit! Generally speaking, moving any of the existing features (including the lightbox link) around is a pretty simple task. You just need to cut/paste the right snippet into the right place. Our support team could help you with this small tweak if needed. There isn’t shortcode for the “Add to Lightbox” feature, because it needs to remain tied to items you sell in your store.

      The lightbox already includes an “Email to friend” feature (see the attachment below).

      The fullscreen button is applied to images for sale and all gallery images. It is not applied to images that you merely insert into the post.

      1. Gerrit Avatar
        Gerrit

        Thanks, Thad. I have used Email to friend. Clients in a hurry love to get a collection of a portfolio as PDF. I only was asking if it is possible to implement this or not, not if you already have or plan to do so.

        Did I understand correctly, ‘Add to Lightbox’ only works for items I sell not on Portffolio items?

        1. Graph Paper Press Avatar

          Oh, I see. We have no plans for email as PDF feature. Add to Lightbox only works for items that you’re selling, not portfolio items.

  6. stijn Avatar
    stijn

    Quick test in Chrome (Mac)
    In the lightbox, when the photo purchasing has portrait dimensions, (example: Main in a coat), the title of the photo is overlapping with some other text.

    The amount of images on the homepage: is this an infinite scroll, will the amount be capped or will there be a page counter? How will paginating look like?

    I thought it was not really clear that you have to click the logo to open the menu and show the navigation. When clicking the logo, you expect to go to the homepage. Maybe it is better that the whole left menu is clickable when collapsed?

    Also the arrow in the bottom left corner should have at least a title tag to explain what will happen when you are going to click it.. Not clear which action is going to happen. Maybe give option to add text?

    And already mentioned: breadcrumbs 🙂

    1. Graph Paper Press Avatar

      Thanks for the feedback! The vertical image in the cart is a simple fix (will be included in version 1.0.1, due out later today).

      The number of items appearing in each section on the homepage is controlled by the Reading -> Settings page. We have ours set to 12. Don’t get confused though, because we only have 6 total published posts, which are showing in the top section.

      We had many discussions about the menu UX. Clicking the logo has to toggle the menu, otherwise, users wouldn’t be able to toggle the menu to a closed position.

      We’ll add a tooltip for the arrow in the bottom left corner.

      And yep, breadcrumbs are being added today!

      1. stijn Avatar
        stijn

        Thank you for your reply and the changes made!

      2. Bruce Williams Avatar
        Bruce Williams

        Clicking the logo to open the menu also bothered me for a couple of reasons:

        1) it’s not immediately obvious to a visitor unaccustomed to this sort of interface
        2) the logo resizing results in pixelation when the menu is minimized

        My suggestion: add a menu icon that replaces the logo when the menu is minimized. I think more people are familiar with the menu icon and understand it’s meaning pretty quickly. This also removes the pixelation issue with the logo on the minimized menu.

  7. Michael J Kormendy Avatar

    I’m afraid I don’t see TRUE parallax effects on this theme. Using Chrome here. Hope you guys aren’t just throwing in a buzzword to increase market exposure.

    1. Graph Paper Press Avatar

      I think you’re referring to “parallax scrolling”. The background image (not shown in demo) includes “parallax scrolling”.

      1. Michael J Kormendy Avatar

        That explains it .. would love to see the overall experience this has on the theme.

  8. paul Avatar
    paul

    I agree with Michael Kormendy. I don’t see any parallax.

    1. Graph Paper Press Avatar

      The background image (not shown in the demo) includes this.

  9. Simon Avatar
    Simon

    Great Theme.

    1.Images do not load to fill all the spaces on firefox and safari on a mac.
    2. The images and content buttons perhaps should be above the images as this means the top line of images are out of kilter with the rest. I tested this in vertical image option.

    1. Graph Paper Press Avatar

      Thanks Simon. Sounds like your previously activated theme cropped images to a specific dimension, so you’ll need to “Regenerate Thumbnails” so they fit the new theme image dimensions. http://wordpress.org/plugins/regenerate-thumbnails/

      I’m not clear on your second point. Can you rephrase it? Thanks!

      1. Simon Avatar
        Simon

        Hi

        At the top of each set of thumbnails there are two icons one for content/blog (perhaps) and one for images. These should be placed above the images and not in the same line as the first images. As it throws out the symmetry.

        1. Graph Paper Press Avatar

          Are you referring to the “Grid” and “List” view icons (see screenshot below)? They show up fine on our demo site, so perhaps it’s related to something on your site. If you reach out to our support team, they can take a look for you: http://graphpaperpress.com/contact/

        2. Simon Avatar
          Simon

          Grid and List, whatever they are called they are not above the content. When you say it shows up fine could you show me how it is supposed to look.

        3. Graph Paper Press Avatar

          Sure, you can see them on the Chromatic theme demo: http://demo.graphpaperpress.com/chromatic/

        4. Simon Avatar
          Simon

          Thanks, mine are not above the image grid. Also when displaying the post excerpt and it finishes like this […]
          I would expect the dots to be clickable but they are not.

          […]

        5. Graph Paper Press Avatar

          It’s gonna be tough for me to troubleshoot this in these comments. Since the demo shows up correctly for both you and I, we’ll need to have our support team look at your site specifically. If you would please contact our support team and provide the link to your site, they will help you out. I’ll let them know to be expecting your message.

          http://graphpaperpress.com/contact/

        6. Simon Avatar
          Simon

          The problem is I cannot really take the website down to look at problems I get over 1000 visits a day. I was just trying the theme out because it looked so good But it does have some obvious limitations like no place for a logo, only a hidden image, no call to action area or social media at the top of the page and a hidden menu.

          The other limitations are the there does not seem to be control over where the image is placed in a post or how big an image can be in a post. Not taking away from the fact that it is still a nice looking theme.

  10. Simon Avatar
    Simon

    Another question which I cannot find in the read me. How do i add sidebar widgets

    1. Graph Paper Press Avatar

      There is no sidebar on this theme on posts, pages or portfolio items. You can add content to the Sell Media Items widget area if you have the Sell Media plugin activated.

      1. Simon Avatar
        Simon

        Ok. If I enable the Sell Media Can I use any widget. And what will the widget area look like.

  11. Ben Jacobsen Avatar
    Ben Jacobsen

    no search?

    1. Graph Paper Press Avatar

      There is definitely search 🙂 Check the Footer (click the bottom arrow)

      1. Ben Jacobsen Avatar
        Ben Jacobsen

        looks like it’s gone in a recent update? It was there (I looked a week ago) but now that I’m working on it on my blog and checking the demo again it’s gone…

        Also, any way to add icons for flickr, youtube and instagram for the social links in the footer? I’ve got the shortcode plugin working but couldn’t make it force them.

  12. stijn Avatar
    stijn

    On iPad: the menu always stays open, taking a lot of space. Maybe better to also automatically have it closed or work with an achor link so the page automatically scrolls to the content area?
    Not sure how to improve it: the ‘show footer’ action is a bit unclear on mobile devices.

    Anyway, I am starting to like this theme, considering to go for this one – I assume all your plugins are compatible? (especially the photoshelter plugin in my case)

    1. Graph Paper Press Avatar

      The menu is intentionally open on mobile devices. We’re pushing an update today that keeps the footer area open by default, too, on mobile devices just like the menu. We’ll be hiding the arrow and tooltip also.

      Thanks for your feedback!

  13. Philip Avatar
    Philip

    Hi Thad, apologies for the basic questions, but before I buy, I would be grateful for clarification on:

    1. I want to use this theme as a straight blog. Can I disable the ‘buy an image’ functionality on the homepage?
    2. Where is the Archive icon?

    Thanks

    1. Graph Paper Press Avatar

      1. Yes! The “e-commerce” features in this theme are totally optional and only available if you activate our free Sell Media plugin.
      2. You mean the archive link? You can add it to the left menu on the Appearance -> Menu page.

  14. Alberto Avatar
    Alberto

    Hi Thad, this Theme seems to be impressive. Just one question: I’m not programmer, just photographer. Does it have the Sell Media fully integrated (it doesn’t need any additional programming for it to work)? Or does it need some customization? Thanks, Alberto.

    1. Graph Paper Press Avatar

      Hi Alberto! Chromatic and Sell Media are fully integrated. All you have to do is upload and activate Chromatic, and upload and activate Sell Media. There is a Settings page for Sell Media where you can select your selling preferences. There is zero coding required. 🙂

      1. Alberto Avatar
        Alberto

        Great, great, great!!!! I’ve already downloaded them… Thanks.

  15. David Avatar
    David

    Great theme. Is there a way we can see other layout options? Is it possible to have the menu open at all times?

  16. Ben Jacobsen Avatar
    Ben Jacobsen

    Alright, I’m loving about half of this theme and half of Albedo. How hard will it be to pull the parts I like from one and put them into the other? Specifically I basically want this theme but with the top style menus from Albedo. I’d also love to see a video blog post (I’m hoping it looks like grid) and I’m hoping I can work some magic to make an instagram post section between blog posts and what’s for sale. I LOVE the way this scales with the screen size, but yeah, I want the menu to always be small and at the top like it is for albedo. Impossible?
    (feel free to check out benjacobsenphoto.com which I’ve modified from autofocus to see what I’ve done so far). Either way I’m pretty much sold on your black friday price for the lifetime membership. I’ve been loving bits and pieces of your themes forever so it’s about time I pay for them and get access to the non free ones!
    Thanks, and Happy Thanksgiving!
    Ben Jacobsen

  17. lillith Avatar
    lillith

    Love love this theme. I would like to have the menu stay open. I see the “sidebar-hidden” in CSS code. Will this be all I need to change?

    1. tee pee Avatar
      tee pee

      Does this work? Definitely need the menu to stay open for guests!

  18. Diego DeNicola Avatar
    Diego DeNicola

    Hi

    Great theme! There are some layout issues from my end, I haven’t tested them in the actual demo. The footer – when you add widgets the spacing between each footer is very tight. The three footers are floating next to each other with no real padding at all. If i add multiple widgets on one footer its looks very tight and sits on the edge of the browser. When i add recent blog posts, if i select to add the date it breaks and doesn’t align properly.

    I know how to fix this in the css but maybe have a look into tidying that section up?

    Apart from that i love the theme! Well done!

  19. Simon Avatar
    Simon

    Hi
    A couple of points.
    1. I do not see any breadcrumbs or return to options on posts.
    2. Is there an option to change the colour in the menu bar and font size. Firebug cannot seem to catch the css.
    3. Could there be a sidebar option for posts please. Sell Media sidebar does not seem to like (i.e: they do not show) the widgets I wish to display. If this is not possible on this theme maybe this request could be considered for the next theme based on this one?
    Thanks
    Simon

    1. Graph Paper Press Avatar

      1. Breadcrumbs can be seen on items here: http://demo.graphpaperpress.com/chromatic/items/sensual-woman-touching-her-handsome-boyfriend/

      2. To change colors, you’ll need to use CSS like #branding { background: red !important; } or set a custom header image at Appearance -> Headers

      3. There is no sidebar on posts currently, but, we’ll go ahead and add it for the next release. 🙂

      1. Simon Avatar
        Simon

        Hi
        Thank you for the reply. I will try the CSS option on branding.
        On the breadcrumbs I cannot see any of that on my posts, although I can see it on the demo. Is there something that needs to be done in post category editor first or should this just appear no matter what the category.

      2. Simon Avatar
        Simon

        Hi I still cannot see breadcrumbs on posts. i have put a support request in.

  20. jeko Avatar
    jeko

    Hello. I’m reexporting all of my images to build in Chromatic. The instructions for max media width say 1200 (large). In the dashboard the media settings have 1600 in the max width field. Which is it? I’ve already done all the images at 1200 but would rather not have them auto-res up to 1600. What size should I correctly prep them at? Thanks.

  21. Hoover2630 Avatar
    Hoover2630

    video game, football competitors should function frequently therefore , the Nike football footwear just remember to are usually secure.Off the http://www.topshoesbay.com/nike-air-force-1-low-c-15/ cliff!Have a look at what your competition is doing in this field, and then copy it until you have figured out what best works for you.Smart bets are preferably better.Avez-vous deja essaye d’envoyer des tweets avec un Minitel ?The tasselled cardigans, having short sleeves and long panels, make the perfect cover up, transforming an outfit into something new.Is there any way for me to whiten it?2012 is no exception.As determined by the IAHSAA, all athletes must have a concussion form signed and concussion test completed.

    Dog like behavior: Common behavior is they will follow you around, they will sit at your feet, will come to greet you (whenever you’ve been out), they will fetch and retrieve if trained, they will also carry favorite objects such as a toy stick in the mouth and drop it at your feet.I have mentioned in several of my articles that it is important for us to drink at least 8, 8 ounce glasses of water per day.Notre religion considere le fait de ne pas tenir ses promesses comme etant un signe d et donc un defaut majeur.While many believe that custom printing is expensive, it is quite the opposite at times.Como Hamas y Jezbol que han visto como son eliminados sus l al-Qaida probablemente seguir existiendo, dijeron expertos en terrorismo.

    They did the job just fine, until I became good enough to know what I wanted for my game.Designers use these tricks all the time and many of them work to open up Nike Air Force 1 Low a space regardless of how large or small it may be.You’ll find a way to have free meals each day and on the day of Thursday, meals objects are stored as navidayam for lord Venkateshwara.Especially if you use the right vertical leap exercises that will help you jump higher and run faster.It scans your computer for viruses and, more importantly, fixes problems caused by the virus.How To Find Someone With Just Their Cell Phone NumberMost barriers will sit under any body of water that may be near a nike blazer high largely populated area.

    “I had a line out at the time.I do not know whether these two sayings are right or wrong, at least, you can tell from the shoes one social status and taste.This was what Coco Chanel, who ruled French haute couture for almost six decades, believed in.Best method seemed to be a 1-2 ounce leadhead tipped with live or fresh dead squid.Looking for Jeremy scott Wings specific exercise routine, then keep going on a number of motivation.Consequently, if you are looking for a good pair of shin guards, here are the fitting details.Hannity with Sean HannityAll these times are right to make your purchases.And following that surgery, it can pay its share for one pair of eyeglasses.

  22. JimmyTheSaint Avatar
    JimmyTheSaint

    Is there an option of having clickable thumbnails of all the images in a gallery. If so, do they remain visible when you go full screen? Thanks.

  23. husbesiktning Avatar

    läcksökning Interesting to see … thank you it’s well done 🙂

  24. Costa Avatar
    Costa

    Hello,
    Is there a way to put the homepage slideshow images on a loop i.e. have them changing to the next one after say 3-4 secs? (Like the main image in this site: http://jamesmngo.com/site/)
    Many Thanks

  25. gazo Avatar

    I enjoyed your post. I hope you never stop to convey information that is very attractive to his readers , because we will always be waiting for information like this very quality

    Juegos Friv | friv 2 | Z6 | Frozen games

  26. Mögel Avatar

    Interesting to see … thank you it’s well done 🙂
    http://www.aquademica.se
    http://www.visualrank.se

  27. Brennan Avatar
    Brennan

    So… there’s another WP theme called Chromatic. If you use the WP auto-update it will change to that one by hoot, and not the GPP one. Yall should look into this.

  28. Marissa Avatar

    If this is not possible on this theme maybe this request could be considered for the next theme based on this one?

Leave a Reply

Your email address will not be published. Required fields are marked *