How to change font size/color on sidebar widget

  • I am also trying to change the font size and color of my widget title since they don’t match the other widgets on my sidebar at https://scottrosene.com/.

    I found the nggallery.css file but am not sure what to add or change or where. I want the “From My Photo Album” title to be black, with the same color (black) and size as the other sidebar widget titles.

    Can anyone help?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Add this to the theme’s style.css file:

    h2.widgettitle {
	margin-bottom: 10px;
	border-bottom: 4px double #9b9b9b;
	color: #111111;
	font-size: 18px;
}

    Hi

    The NGG styling issue you are having is the NGG header in the sidebar is an H2 tag. All the other sidebar headers are H4. Your theme styles H4 differently than H2.

    Try making these changes in your theme’s stylesheet (style.css) to see if they give the results you want. from here they appear to. This will be simpler than changing the NGG styling in the plugin settings.

    line 90 change

    h4 {
border-bottom:4px double #9B9B9B;
color:#111111;
font-size:18px;
}

    to

    h4, .sidebar .widget h2 {
border-bottom:4px double #9B9B9B;
color:#111111;
font-size:18px;
}

    line 463
    change
    .sidebar .widget h4 { margin-bottom:10px; }
    to
    .sidebar .widget h4, .sidebar .widget h2 { margin-bottom:10px; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change font size/color on sidebar widget’ is closed to new replies.

Tags