Online Documentation - Last modified: 10. Apr 2014
Go to Apperance > Customize > Colors & Icons.
There you can change all theme colors.
Go to Theme options > Advertising. Paste your Google Publisher ID in the first field and your Google Ad unit ID in the second field. Then choose a ad spot that you want to display your Google ads and check the shortcode or HTML code like Adsense field and paste your code in the field then save options.
Go to Theme options scroll down until you see Google Analytics field paste your tracking code in the field and save options.
Go to Apperance > Customize > General find favicon field > click upload new > select a favicon(16x16px) that you want to use and save.
Go to Theme options > find SEO plugin support check this to give an SEO plugin control of meta description, title and open graph tags. We recommend using SEO plugin by YOAST.
Go to Apperance > Customize > Post & Pages find post & page layout in the top. Select the layout you want and save.
Go to Apperance > Customize > Post & Pages and find show share buttons field and choose off to disable share buttons.
Go to Apperance > Customize > Colors & Icons. Here you can choose different icons you want to display, and change their colors.
Before you start messing things up and making things harder for yourself, you really should take a deep breath and read some of these resources, honestly this will help you, we only care for your well being!
Here's a great video by WooThemes on how to install Wordpress
After successfully installing the theme click on the Activate button. You can also go to Appearance > Themes and click on Activate were the newly installed theme is located.
If you are upgrading your site you might want to consider using a plugin to regenerate all the images for your old posts. Vivid uses a specific set of thumbnail sizes and you can easily convert your images with a plugin like this one
Vivid uses the built in Wordpress Customizer, to go there and set up your theme, go to Appearance > Customize,from there you can edit tons of things in Vivid on the fly, you can see the changes appear in the iframe besides the menu.
You can also edit some other options that aren't related to the aesthetic portion of the theme in Appearance > Theme Options (such as Google Ads & Adspots)
We have a pretty cool menu going on in Vivid, this is how you use it.
Go to Appearance > Menus and make a new menu.
To make the menu appear to the left of all pages (the primary menu) check the "Primary Menu" checkbox at the bottom of it to make it appear there
To make the menu appear besides the logo, at the top, check the "Top Header Menu" checkbox at the bottom to make it appear there.
To put an icon in the primary menu you just need to press the menu item and select "Choose Icon" there you can select the icon of your choice.
Our custom widgets are very easy to use, but here is a step-by-step on how to put them, and where they go.
We offer you seven widgetized areas, so the first one is Home Sidebar. That's the sidebar that displays on the front-page (or your default blog). The one below that one is Home Sidebar (Sticky), this is where things get interesting. You can place any widgets in that sidebar and they'll stick to the screen when the user scrolls down. The other widget areas pretty much explain themselves so I won't go into that (same "rules" apply)
There's also a "Home Sidebar", "Page Sidebar", "Post Sidebar" and "Footer Widgets" areas.. these.. well do exactly what you think they do, they are displayed in the defined areas in the theme.
Open up Appearance > Widgets and you should see our widgets just laying around there, waiting for some action.
Here's a list of our widgets as of v1.0
We've included our custom shortcode plug-in called BluthCodes!
If you have another shortcode plug-in watch out that it doesn't conflict with ours, you should be alright though.
Our shortcodes are:
We also have column layouts a la Bootstrap
There are buttons for every one of these included in the Editor where you post your pages and posts, click on that button and all the options for each one will be included. You can also check out how to use them on our demo page where there are more detailed instructions
This theme is translatable. The translation files .po/.mo are located in the inc/lang directory in the Vivid theme folder. To translate the theme you have to use a specific translating program like POEdit
Here's a simple video by AJ Clarke showing how to do just that
There are two ways to update your theme to the latest version.