Shuttershot

Shuttershot is a fullscreen slideshow template. This is a fabseries theme.  This theme is ideal for photography websites to showcase their portfolio in style.The theme has option to use either a full screen slideshow on the homepage or a regular blog with image slideshow as the background. If you are using a slideshow on the homepage you can set a custom page template as the blog.  I have created a screencast to show you how to add items to the slideshow.

[striplist]

  • Features
  • WordPress 3
  • Fullscreen slideshow
  • Portfolio
  • Custom menu
  • Custom post types
  • Featured thumbnail
  • Banner ads
  • Theme options

[/striplist]

 

  • Tjorben

    Is there by any chance an updated version of this? I have problems using several Gallery and/or Lightbox plugins. They refuse to scale the images correctly or even work. It has to do with the theme itself because switching to almost ANY other themes solves the problem.

    Id really like to keep on using Shuttershot though …

    Any help? Thanks in advance,

    Tjorben

    • Tjorben

      Oh and I am using Shuttershot with the newest version of wordpress. I know they dont work well together, but I have to try it =)

  • Jeannine

    How do I get twitter to work?

  • Adam Mator

    I need your guys help. My website I have three issues.

    1. The Sidebar box: I removed the content but the box still remains big and empty next to my post on each page.
    2. How do you change the transparency of the boxes on each page?
    3. My sideshow background only works on the home page. Im not sure how to get it working on the other pages.

    Thanks,

    Adam

    • BigM

      I have exactly the same problems.
      Can’t find where to change the background color/opacity in style.css and i also like to set the width of the boxes to 810px, with no unused space on the right side (where once the sub-menu was located).
      I also can’t figure out how to show the background slideshow on other pages than the main page.

      • Adam Mator

        Has anyone figured this one out?

        • BigM

          Go to /’YOUR WORDPRESS FOLDER’/wp-content/themes/Shuttershot/css
          There you find the file grid.css. In this file you can resize the boxes. But I haven’t figured out yet how to do this properly. I have just reduced container_12 and grid_8 to 810px which works fine for me, but may screw up pages that still use the sidebar (blog, etc).
          Go to theme.css, there you find the section /* Content */.
          Go to .site-cover, element background and replace the color by an rgba value. For example:
          background: rgba(255, 255, 255, 0.8);
          The first three numbers show the RGB value of the color, (in this case it is white) and the last value is for transperency. 1=completely transperent, 0=solid color. 0.8 works fine for me.
          For the slideshow background on every other page than the home-page, I’ve used another WordPress plugin called “Full Screen Background Images”. For this plugin you have to set up seperate backgrounds in your WordPress administration, but at least it works.
          You can see my site here: http://www.mischaelbert.de

        • Adam Mator

          Thank you so much, on your website how did you get the box to have the fade look on the outer edge of the box?

        • BigM

          This is a box shadow setting.
          Go to “.site-cover” in theme.css; then element box-shadow.
          My settings are: box-shadow: 0px 0px 50px #bbb;
          the #bbb is the color of the shadow (in this case light grey) and the 50px is the width. the two 0px are offset, one for horizontal and one for vertical offset. so you can create a drop shadow. That was not necessary in my case, I just wanted som kind of glow around the box.

        • Adam Mator

          WOW You are amazing! Seriously I cant thank you enough!
          One Last Thing! How do you get items on the homepage? I wanted to add some text and 4 pictures to link up with my other sites on the homepage my site is http://www.awdmeet.com If you dont know no problem! You helped me out already a ton!

        • BigM

          Somewhere in the settings for this design you can choose weather the starting page shows a static page or your latest article.
          Just set up a normal page and chose this page as static page.

          Go to your dashboard, then to “Design” and then it should be the second menu item (i have only the german version, but it should be called something like “customise”). Then a new window opens, showing your page on the right sight and some settings on the left. Go to the last menu item there, (should be called something like “static starting page”) and choose the second option (show static page). then underneath you have two drop down menus, use the first one and chose the page you created before as your starting page.
          This is the only way i figured out how to put something on the first page.

  • http://www.PSDDaily.tk PSD Daily

    I cant change the default logo, Please help.

    http://MansyGraphics.tk

    • Adam Mator

      Read Though the comments below. “If you go into the wp-content folder in images it should be a logo file
      there somewhere. Replace that with whatever you want the logo to be. If
      you don’t want one remove it. The best way to work this out, if you
      don’t already have it is element inspector in Firefox. Right click near
      the logo and choose element inspector. Download it if you don’t have it.
      That way you can see the div and name of the logo file. You can then
      either look for it in the folder structure under wp.-content or alter
      the div settings for it in your WordPress code editor”

      • Adam Mator

        Also “Logo Change Quick and Easy Fix – Create a new logo PNG file and save it
        as logo.png. Then go into your file manager on your hosting companies
        page. find the file logo.png in the images folder in the shuttershot
        theme folder and replace it with the one you made. Problem solved no
        coding needed. logo file location :
        /wp-content/themes/Shuttershot/images. Tip – make the height max of your
        new logo 80px or less. The menu bar is exactly 80px.”

  • Adam Mator

    Does anyone know how to center the text and lower the navigation menu bar down a tad?

  • Adam Mator

    How do you shut off mobile version? I just want to have it show as desktop view on whatever device you are on.

  • Per Ove

    Hi, im not so good in css, but im wondering where to change the color on the stripe where the menu are from transparent black to white.. Hope somone havegood input on this one..

  • http://www.maxipasinphotography.com MaxiMegaTop

    Have a problem with my site with shuttershot only with Firefox:
    All images in my full screen slideshow appear with wrong aspect ratio at the beginning (very annoying). As slideshow runs it gets fixed automatically.
    Some ideas why is this happening?

  • http://www.thanitart.com fabio coronas

    Hi.
    I wanted to ask if you can arrange the buttons on the same horizontal line. Currently, when I create a menu with many buttons are arranged in two horizontal lines, and the graphics are not the most beautiful.
    thanks
    Fabio

  • Sebastian

    Hey Guys,

    I have a problem with the shutter shot template.

    I replaced the logo on the top.

    Since my Logo ist much higher than in the demo the Logo is 100 pixel higher than the menu bar.

    In the desktop version that is no problem an looks quite nice.

    The problem ist the mobile appearance.

    In the landscape mode of my iphone the logo fill nearly the whole screen.

    How can I size the logo down according to the screenwidth?

    Cheers

    Seb

  • M

    Hi,
    How I can put a link on the slideshow pictures? It can be possible? The template is not responsive, isn’t? The menu not works good on small screens, tablets or smartphones.

    thanks

    • Lukas

      Hi,

      to solve the problem with the apperance of the menu on mobile devices I use the plugin “WP Responsive Menu” which works fine for me – see http://www.lukas-gawenda.de

  • Kaffeet Ante

    Hi – how can i get a background ONLY on the sides not at the first startpage? I want to transparent the textarea of the sides to see the background a little – but i dont want this at the side with my slideshow. Can someone help?

    • Heidi

      I have the same issue.

  • http://lorch-art.de/ Corinna

    Thanks for your great theme! Unfortunately the SHUTTERSHOT OPTIONS aren’t available in my wordpress account. I need them urgently to modify my website: http://lorch-art.de/ . Please help!!!!!!!!! Thank you!

  • http://peelandportion.wordpress.com Christina

    I love this theme and we’ve been using it on our community theater WP for a while. We’d like to look at other font options, however. Is there any way to change that without having to go into the code editor?

  • http://lorch-art.de/ Corinna

    Thanks for your great theme! Unfortunately the SHUTTERSHOT OPTIONS
    aren’t available in my wordpress account. I need them urgently to modify
    my website: http://lorch-art.de/ . Please help!!!!!!!!! Thank you!

  • Laila

    I just downloaded the shuttershot theme. I need to make the white text boxes on pages transparent. How do I do that? It seems that the theme has been altered, so the “how-to” that´s been posted in here previously does not seem to work. When I go to css in the editor the word opacity does not apper anywhere.

    • Heidi

      In your style.css file, add to #content the following:

      filter:alpha(opacity=80);
      opacity:.8;

      Be warned, though. This will make your slideshow translucent as well. I am trying to find a way to make the slideshow images opaque while having translucent page backgrounds. No luck yet, will post if I find out how.

      • Heidi

        Found the solution!

        Do not post anything in #content in style.css! I was wrong in my previous post. This affects the area that controls the transparency of both the slideshow AND the page content. Instead, add this to your style.css sheet:

        .container_12 {
        filter:alpha(opacity=80); /* For IE8 and earlier */
        opacity:.8;
        }

        This leaves the Slider transparency alone and only addresses the area on the individual pages where text and images will go. You can make it more transparent by changing the .8 to .7, or .6, or even lower, and more opaque by changing it to .9. 1.0 will make it completely opaque. Likewise, change the alpha filter to 60 or 70 or 90 to correspond to the change you make to the “opacity” marker.

        Enjoy!