How-to Producer

To change the size of a thumbnail in Producer go to the standard theme options for the featured category block and scroll to options use cropper, image height, image width, image float. Using Featured Category #2 as the example:

1. Go to your WP dashboard

2. Click the Appearance tab then click Producer Standard Options

3. Scroll down to Featured Category 2 Settings and look for the following options in those settings

#2 Use Cropper?

Do you want to use crop the images in featured category 2? (Cropper is not guaranteed to work)

Image Width Set image width for featured 2 images
Image Height Set image height for featured 2 images
Image Float

Set image float for featured 2 images

If you want leave “Use cropper” set to off only the thumbnail width setting will be used and the height will be adjusted accordingly. If you want complete control over the width and height dimensions you should set Use cropper to “on”. The image will then be cropped to the dimensions you set for image width and image height. The image float setting allows you to decide if to float the image to the left of the content, to the right of the content or not to float the image at all. Selecting “none” will cause the image to appear on top of the excerpt. Left will cause the image to appear to the left of the excerpt and right will cause it to appear to the right of the excerpt.

Join the forum discussion on this post - (1) Posts

To replace the blog name with a header graphic in Producer, upload your header image to the media library, copy the URL and past the copied URL into the Site logo box in Producer Options. In steps:

  1. Login to your dashboard
  2. Click the Media menu option
  3. Click the “Add New” button
  4. Upload the picture
  5. Copy the File URL
  6. Click the Appearance menu option
  7. Click Producer Standard Options
  8. Scroll to Site Logo
  9. Paste the file URL in the site logo text box
  10. Click the Update Options button

The maximum width for your header graphic is 990 pixels. The height can be whatever you want. Here are two header examples starting with the default

Header using a full 990 pixels wide image


Your choice of header graphic can enhance the overall appearance of your site or take away from it depending on how you use it. If you’re going to use an image in the header consider how it will look if it only stretches 1/4 of the way across, 1/2 the way across or 3/4ths the way across. Usually an image that’s less than 990 pixels wide will only look attractive if it blends with the header background color.

Join the forum discussion on this post - (4) Posts

This assumes you have the CSS Styling Tool for Producer. Follow the steps below if you want to upload a file from your hard drive to use as a background image with Producer.

1. Login to your WP dashboard

2. Look for the media link in your dashboard menu list

3. Click the media link to load the Media Library page

4. Click the “Add new” button at the top of the media library page

5. Click “Browse” (if using the Browser uploader) or Select Files (if using the Flash uploader) to locate the image file on your computer

6. Select the file by double-clicking on the filename

7. If you are using the flash uploader the file will automatically upload. Otherwise you need to click the upload button.

8. If you are using the flash uploader you should now be seeing a page with the uploaded file details. If you are using the browser uploader you need to click on the thumbnail, filename or edit button for the picture you uploaded. You should see it at the top of the list of items in your media library. This will load the page with the uploaded file details.

9. Copy the File URL as shown in the box labeled File URL.

10. Click on the “Appearance” button in your dashboard menu list.

11. Click Producer CSS Styling Tool

12. Cick “Mange Options” next to “Page Body CSS Settings”

13. Paste the file URL into the slot for “Page Background Image

14. If you want the background image to repeat going horizontally, repeat going vertically, repeat in both horizontal and vertical direction or not repeat at all, you need to select the applicable option from “Background Image Repeat Status

15. Set, if needed, your options for

  • Background Image top/bottom align
  • Background Image left/right/center align
  • Background Attachment

16. Depending on your background color you might need to modify these options to suit

  • Main font color
  • Main link color
  • Main link hover color
  • Main link visited color

Don’t have the CSS Styling Tool. You can follow the same steps to upload your file, but you will need to manually configure includes/styles/styles-body.php to use your background image.

Join the forum discussion on this post - (1) Posts

To manually change the blog name font color using the Producer Theme

1. Open file Producer/includes/styles/styles-logo-slogan.php

2. Navigate to <?php /* Start CSS Default */ ?> (If you are using a version of producer earlier than 2.1.9 you will not see <?php /* Start CSS Default */ ?>. In that case skip to step 3)

3. Find and change: #maincontainer .sitetitle .logo h1, #maincontainer .sitetitle .logo h1 a {color:#B50D04;text-transform:capitalize;font-size:1.9em;text-decoration:none;}
To change the font hover color find and change:

#maincontainer .sitetitle .logo h1 a:hover { color:#000000; }

Notice: You are editing a php file. If you create an error in the file it can possibly break the theme.

Join the forum discussion on this post - (1) Posts

To change the blog name font color using the Producer CSS Styling Tool

1. Go to your dasboard

2. Click on appearance

3. Click on Producer CSS Styling Tool

4. Press “Manage Options” next to Site title/Tagline Row CSS Settings


5. Scroll down to Title H1 color

6. Click Load Color Picker to select your choice of font color (If you already know the hex value for your font color no need to click the load color picker button just enter your color value. **Remember to include # Without the # your entry will not work)

7. Click on a color from the color picker dialog box. The hex value for the selected color will automatically be filled in

8. Scroll down to the Update Options button and click the Update Options button.

Your blog name should now have a new font color

Join the forum discussion on this post - (3) Posts

If you are using the CSS Styling Tool you can simply turn off the shadow by going to your CSS Styling Tool options under:

Default H2 header Settings General ->Turn on/off H1,H2 shadow

If you need to make this change manually open the file styles-body.php and look for the setting:  h1, h2, h2 a { text-shadow:#444444 1px 1px 1px; }

Remove the setting or comment it out to get rid of the shadows

Join the forum discussion on this post - (4) Posts

The recommended way to change the color of the top bar or to make any css style changes to Producer is to purchase the CSS Styling Tool and make your style changes from the dashboard. However, if you prefer to manually edit the files rather than purchase the tool, here’s how you can manually change the color of the top bar.

Step 1: Open the file styles-rss-search-bar.php

Step 2: Using the “Find” tool for your text editor, find #maincontainer .dtsa {background:#B50D04;color:#ffffff;}

Step 3: Change background:#B50D04; to your preferred background color and color:#ffffff to your preferred font color.

Additional Information: You will probably need to modify other settings such as the link color and the color for the right border. You will find the settings for those in the same area under the setting for the background color.

Join the forum discussion on this post - (5) Posts

As always, you can turn off the borders and control numerous other style options for the Producer theme by purchasing and using the CSS Styling Tool. However, if you prefer to do the job by manually editing the file, the steps below will allow you to turn off the sidebar borders.

Sidebar #1

1. Open the file styles-sidebar1.php found in includes/styles

2. Look for the section that begins <?php /* Start CSS Default */ ?>

3. With the section for the default CSS settings look for and change  #sidebar1 .widget,#sidebar1 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; }

4. Changing #sidebar1 .widget,#sidebar1 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; } to #sidebar1 .widget,#sidebar1 .widget-hw {  margin-bottom:5px; } will remove the border from sidebar 1

Sidebar #2

1. Open the file styles-sidebar2.php found in includes/styles

2. Look for the section that begins <?php /* Start CSS Default */ ?>

3. With the section for the default CSS settings look for and change  #sidebar2 .widget,#sidebar2 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; }

4. Changing #sidebar2 .widget,#sidebar2 .widget-hw { border:5px solid #f2f2f2; margin-bottom:5px; } to #sidebar2 .widget,#sidebar2 .widget-hw { margin-bottom:5px; } will remove the border from sidebar 1

Join the forum discussion on this post - (1) Posts

  1. Login to your admin dashboard
  2. Click on “Appearance”
  3. Click “Producer Standard Options”
  4. Scroll down to “Featured Categories”
  5. Click on each of the dropdown boxes from Featured Category #1 – Featured Category #10 and select the name of the category you want.

Additional Information: You do not need to have a category for all ten featured category slots but you do need at elast 3. If you don’t have at least 3 categories you can feature you should use Producer in blog mode instead of magazine mode.

Join the forum discussion on this post - (1) Posts

Important: Please be sure you have already setup your featured categories before you setup Producer to run in widgets mode.


Step 1: Log into your wordpress admin area.

Step 2: Click on the Appearance Tab

Step 3: Click on Producer Standard Options

Step 4: Look for Magazine layout mode

Step 5: Change from “static” to “widgets

Step 6: Scroll down and click “Update Options”

Step 7: Look for and click on the “Widgets” link under the “Appearance” tab

Step 8: When you click on “Widgets” you should see the widget placeholders on your right assuming a traditional dashboard setup. See the image below. The widget placeholders are the items named Home Column One, Home Column Two, Home Column Three, Home Column Four, Home Column Five, Home Column Six, Home Column Seven. Home Column Eight, Home Column Nine and Home Column Ten.

Step 9: On the same page, either under “Available Widgets” or “Inactive Widgets” you should see the Featured Category widgets. The are Featured Category 1, Featured Category 2, Featured Category 3, Featured Category 4, Featured Category 5, Featured Category 6, Featured Category 7,Featured Category 8, Featured Category 9, Featured Category 10

Step 10: Drag the Featured Category widgets to the Home Column widget placeholders the same way you drag widgets to your sidebars. You can place any widget into any Home Column space but you should expect to do some experimenting to achieve the best placement. Some widgets might not look good in some columns. Keep a window open where you can view your changes as you make them.

Additional notes: You can also drag other widgets unrelated to Producer into the Home Column widget place holders. The Home Column widget placeholders work the same way as sidebar widget placeholders with the difference being that you can only view widgets in the Home Column placeholders on the homepage in magazine mode.

Join the forum discussion on this post - (4) Posts

Enquiry Form

Feel Free to ask us anything Send us a line and we'll contact you right back.

Follow My Twitter Subcribe My FAcebook