How-To Docs

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

1. Go to your dashboard

2. Click Appearance

3. Click News Magazine Theme 640 Options

4. Navigate to Tier 2 120

5. Inside the textbox insert the HTML code for your ad. It should look something like

<img src=”http://www.thedomainforyourimage.com/theimagefile.jpg”>

Let’s say your site is randomsitename.com and your image file name is randomimagefilename.jpg and you have uploaded the image for your ad to your news magazine theme folder. Lets assume your news magazine folder is named news-magazine-theme-640, then your code would look like

<img src=”http://www.randomsitename.com/wp-content/themes/news-magazine-theme-640/randomimagefilename.jpg”>

If you want to make the image clickable you would need to wrap it inside anchor tags as in the example below.

<a href=”http://www.siteimageshouldlinkto.com”><img src=”http://www.randomsitename.com/wp-content/themes/news-magazine-theme-640/randomimagefilename.jpg”></a>

You would then insert the code into the Tier 2 120 box.

For best results keep your image to a strict measurement of 120 pixels wide by 600 pixels high

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

1. Go to your dashboard

2. Click Appearance

3. Click News Magazine Theme 640 Options

4. Navigate to Leaderboard Space Content

5. Inside the textbox insert the HTML code for your ad. It should look something like

<img src=”http://www.thedomainforyourimage.com/theimagefile.jpg”>

Let’s say your site is randomsitename.com and your image file name is randomimagefilename.jpg and you have uploaded the image for your ad to your news magazine theme folder. Lets assume your news magazine folder is named news-magazine-theme-640, then your code would look like

<img src=”http://www.randomsitename.com/wp-content/themes/news-magazine-theme-640/randomimagefilename.jpg”>

If you want to make the image clickable you would need to wrap it inside anchor tags as in the example below.

<a href=”http://www.siteimageshouldlinkto.com”><img src=”http://www.randomsitename.com/wp-content/themes/news-magazine-theme-640/randomimagefilename.jpg”></a>

You would then insert the code into the Leaderboard Space Content box.

The option Leaderboard content text position allows you center the image or shift it to the left.

Join the forum discussion on this post - (5) 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