Widget Styling

Hello!

I tried to figure this out myself but apparently cannot get the correct css. For the widget area on this page:

http://3ed.1cd.myftpupload.com/press2/

How can I

  1. Reduce the size of the title font
  2. Change the hover color on the links (I only want to change it for this instance, not globally)
  3. Reduce the width of the dropdown under Archives

Thanks!

Hi,

You can add the following in Cornerstone > Settings > Custom CSS

/* title font size */
.esg-grid a {
    font-size: 18px;
}

/* link hover color */
a:hover {
    color:red !important;
}

/* dropdown width */
#archives-dropdown-2 {
    max-width:250px;
}

You may change the values to achieve your desired color and size.

Hope that helps.