Widget Title Control

Support Area Forums Progress Widget Title Control

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question:
  • Author
    Posts
  • #14688
    HDTV-Entertainment
    Participant

    What code would I paste into css to manage the Title of Widgets font, size, and color throughout the site?

    And, similarly what code would manage the text box of the widget?

    Thanks, Rk

    #14692
    Bill Robbins
    Moderator

    Richard,

    Let’s find the styles you’ll need to edit your widgets to fit your design. Here’s what to do:

    1. Go to the Theme Options page and select the Styling tab.
    2. At the top of that tab, choose yes to include custom styling.
    3. Scroll down to the Custom CSS box and paste this:
      
      h4.widget-title, 
      h2.widget-title {
      	font-size: 30px;
      	color: #ffffff;
      	border-color: #ffffff;
      }
      

      To adjust the size, change the 30 to the number of pixels you’d like to have the widget titles displayed as. The color: #ffffff; sets the text color and the border-color: #ffffff sets the color of the line that’s at the bottom of the widget titles. You can replace those colors (#ffffff) with the hex color code you’d like to have there. You can use one of the color selectors on the styling tab to help you choose one if you need to.

    4. For the text and background colors in your widgets, you can use this style:
      
      .widget {
      	background-color: #000000;
      	color: #fffffff;
      }
      
      

      Just replace the #000000 with the background color you’d like to have for your widgets (by default it will take whatever the content area is set to use, but this will override that). Also change the #ffffff to alter the text color.

    5. Save your changes.

    The current version of Progress does not have built-in options to choose a font so you’ll need to use a plugin to do that. The WP Google Fonts plugin is a good one that will let you select from Google’s library of web fonts.

    If you have any questions or trouble, just let me know.

    Thanks,
    Bill

    #14698
    HDTV-Entertainment
    Participant

    cool 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Widget Title Control’ is closed to new replies.