FAQ

Here are a few common questions.

What is the font used for the logo? Where can I get it?

The font is ITC Chino Black Italic. It used to be free, but sadly it’s not the case anymore. This is why I already provide call-to-action buttons for most common actions (“get in touch”, “learn more”, “view portfolio”, etc.). Contact me if you need a specific button and I’ll do my best to provide it to you.

Why doesn’t the theme work in IE6?

The theme uses a lot of stuff (transparent PNGs, CSS3 effects, advanced Jquery…) that simply doesn’t exist in IE6. I wish I coud accomodate everybody, but I decided early on that this theme would use the latest techniques even at the cost of not working in older browsers. Also, are you really sure you want to attract clients that still use IE6…?

Why doesn’t the theme do insert feature here?

One of my main goals was keeping things simple. I could’ve added a lot of extra stuff like drop-down menus, more options, etc., but it would have made the theme harder to set up. Instead I made sure my code was clean and well-commented, so you can go in there yourself and tweak away. Or you can also go on Uservoice.com and request a feature.

How do I make the homepage or project slideshow rotate automatically, or change the slide transition?

Both slideshow use the Jquery Cycle plugin. A full explanation of how to configure it can be found on the plugin page, but here’s a quick introduction:

open the file silverio/js/slideshow.js with your text editor

scroll all the way down until you see this block of code:

//homepage slider
    $("#slider").cycle({
            fx:'fade',
            speed:500,
            //note: do not set timer too low
            //to leave enough time for thumbnail fade animation
            timeout:0,
            pause:true,
            pager:'#pager',
            pagerAnchorBuilder: pagerFunction,
            before:beforeFunction
    });

to make the slideshow rotate automatically, change the value of timeout to something like 3000 (for 3000 milliseconds)
to change the slideshow effect, change the fx parameter to one of the effects in this list
for the project slideshow, just repeat those steps but with the $(“#gallery”).cycle() function

What are the recommended image sizes?

In order to avoid having your images resized by the browser, you should set these image sizes (in Settings > Media):

Thumbnail size: Width: 56; Height: 40
Medium size: Max Width: 272; Max Height: 160
Large size: Max Width: 584

If you have already added thumbnails at different sizes, you might want to regenerate them using the Regenerate Thumbnails plugin.

Why do I need so many different CSS files?

Each CSS file has its own role, let me break it down for you:

style.css: the main wordpress style file, is used to call other stylesheets.

The following stylesheets are all in the css/ directory:

reset.css: part of the Blueprint CSS framework, is used to reset css styles across browsers
grid.css: (BP) used to set the global grid of the theme. If you want to make the whole theme larger or narrower, you’ll have to change this file
typography.css: (BP) provides basic typography, although most of the styles are overwritten by style.css
forms.css: (BP) provides basic styling for forms, but once again is overwritten by style.css
fancybox.css: used to style the lightbox popups
style.css: the main css file, all the style definitions reside here

Other files:

admin.css: used to style the wordpress admin (custom fields, theme options, etc.)
smoothness: jquery UI stylesheet (also for the admin area)
ui.selectmenu.css: used for the improved drop-down on the admin’s post pages
ie7.css, ie8.css: only loaded by IE, fixes a few bugs
print.css: print stylesheet

What are all those javascript files?

jquery.min.js: the main jQuery file loaded from Google
pixastic.custom.js: the Pixastic image manipulation library, used to make the slideshow thumbnails black and white
jquery.cycle.all.min.js: the Cycle plugin used to animate the sliders
slideshow.js: the homepage and project detail page slider configuration
jquery.lazyload.js: the Lazyload plugin delays image load until the user scrolls down, which makes pages load quicker
jquery.jqtransform.js: the jqTransform plugin replaces form elements with CSS styled versions
jquery.infieldlabel.min.js: the Infield Label plugin makes labels disappear when clicking inside a form field
jquery.fancybox-1.3.1.pack.js: the FancyBox plugin, a javascript lightbox script
quicksand.js: the portfolio filtering animation plugin
portfolio.js: the portfolio page’s main javascript file
silverio.js: the main global javascript file

How can I use a custom URL in a drop-down menu?

Drop-down menu items can only be sub-categories or sub-pages. But thanks to the Page Links To plugin it’s possible to make a page redirect to any URL. So let’s say you’d like to have an “About” page with a drop-down that includes a link to your twitter account. Here’s what you would do:

Create an “About” page
Create a “Twitter” page and set the “About” page as its parent
Install the plugin
Edit the “Twitter” page
Scroll all the way down to the Page Links To options to make the page redirect to http://twitter.com/yourName

How can I have multiple portfolio categories?

You’ll have to edit the file archive.php if you want to have more than one portfolio category.

Replace the line

if (($svo_portfolio_id && (is_category($svo_portfolio_id) || is_category_or_sub($svo_portfolio_id)))||is_tag())

With

if (is_category(array($cat_ID1, $cat_ID2)) ||($svo_portfolio_id && (is_category($svo_portfolio_id) || is_category_or_sub($svo_portfolio_id)))||is_tag())

Where “$cat_ID1″, “$cat_ID2″, etc. are the IDs of all the categories that you want to display using the portfolio template. More info is available in the WordPress Codex, in the is_category() documentation.

You will also need to do the same modification in the single.php file.

Replace

if(in_category($svo_portfolio_id) || post_is_in_descendant_category( $svo_portfolio_id )){

if(is_category(array($cat_ID1, $cat_ID2)) || (in_category($svo_portfolio_id) || post_is_in_descendant_category( $svo_portfolio_id ))){

How did you create the “Sessions” post?

The “Sessions” post uses grid shortcodes. You can find its code here.

Select a style:

Silverio