Kaptinlin Themes Support

I noticed someone had asked for a more detailed guide to chainging the Nivo slider in striking theme. So, here is that post:)

This is not for beginners, you must know how to navigate your WordPress files and be comfortable making changes to the code that you know you can also fix in the event you screw up your entire site. Remember: Always make a back up of your site before making dramatic changes such as this. Striking theme comes with a child theme, you may want to consider learning how to use it. Here is an article about child themes in the WordPress codex. http://codex.wordpress.org/Child_Themes

Changing the width on your Nivo slider for Striking theme.

1: Open Your FTP Program and Locate Your Striking Theme Folder. From there you will navigate to framework/helpers/themeGenerator.PHP. Make a copy of this file in case you screw something up. Open up themeGenerator.php in your favorite editing software. I use Notepad++. All I have to do is press ctrl + F and find all instances of the number "960".You will then change all instances of 960 to the size you need. In my case I changed everything that was 960 to 974. I have attached images


2:If you were INCREASING the size of the nivo slider you must open up the theme_slideshow.php folder. striking/framework/admin/options/theme_slideshow.php and edit the "max" number to whatever number you need. In my case I changed from 960 to 974.


3. Now you must open up your theme's resource files that came with it when you purchased the theme. Inside these folders are photoshop files. resource/psds/misc. You should open up slider_frame and slider_shadow and adjust the width or height to what you need. Save the new file as a PNG and replace it with your previous image in the striking/images folder.

To center your slider use this code in your CSS. You can easily place this inside the WordPress dashboard in the striking theme>general section and make your way to the custom css. or you could place this in your child theme.

#nivo_slider_wrap {
margin: 0 auto;
}

If you have made all these changes and still do not see the slider has changed or you no longer see images in your slider, clear your cache folder and check again. Make sure that the images you uploaded fit the dimensions of the new slider size. Use a program like firebug to help you narrow down what is causing problems with your desired changes.

Here are previous articles with more customization's for the nivo slider width and height.

http://kaptinlin.com/support/discussion/4364/another-nivo-slider-width-thread/p1

http://kaptinlin.com/support/discussion/167/customizing-slider-width-very-advanced-customization-not-for-beginners#Item_41

http://kaptinlin.com/support/discussion/167/customizing-slider-width-very-advanced-customization-not-for-beginners/p1

http://kaptinlin.com/support/discussion/57/slider-size/p1