‘How-to Producer’ Articles
Written by admin on 03 June 2010
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
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 Tags: thumbnails
Posted in How-to Producer | No Comments »
Written by admin on 30 April 2010
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:
- Login to your dashboard
- Click the Media menu option
- Click the “Add New” button
- Upload the picture
- Copy the File URL
- Click the Appearance menu option
- Click Producer Standard Options
- Scroll to Site Logo
- Paste the file URL in the site logo text box
- 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 - (3) Posts Tags: header, Producer
Posted in How-to Producer | No Comments »
Written by admin on 21 April 2010
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 Tags: background image, Producer, producer css styling tool
Posted in How-to Producer | 1 Comment »
Written by admin on 08 April 2010
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 Posted in How-to Producer | No Comments »
Written by admin on 08 April 2010
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 - (1) Posts Posted in How-to Producer | No Comments »
Written by admin on 06 April 2010
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 - (3) Posts Posted in How-to Producer | No Comments »
Written by admin on 21 February 2010
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 Posted in How-to Producer | 3 Comments »
Written by admin on 21 February 2010
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 Posted in How-to Producer | 3 Comments »
Written by admin on 21 February 2010
- Login to your admin dashboard
- Click on “Appearance”
- Click “Producer Standard Options”
- Scroll down to “Featured Categories”
- 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 Posted in How-to Producer | No Comments »
Written by admin on 21 February 2010
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 - (1) Posts Posted in How-to Producer | 4 Comments »
