Forums

[resolved] [Plugin: NextGEN Gallery] Change font of widget title (4 posts)

  1. iskwew
    Member
    Posted 2 months ago #

    I would like to change the font of the widget-title. I have tried in various ways, but so far no luck. The nggallery.css is overriding my theme fonts.

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. iskwew
    Member
    Posted 2 months ago #

    Solved it. Nextgen uses h2, whereas my theme uses h3. Added styling for h2 in widget titles similar to my h3.

  3. scottrosene
    Member
    Posted 1 month ago #

    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 http://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?

  4. linuxguy2001
    Member
    Posted 2 weeks ago #

    I was wondering the same thing myself. Here's how I did it: The first thing I had to figure out was the div id to work with, in this case, it is called ngg-webslice and located in the file called nextgen-gallery/widgets/widgets.php. You'll need to edit the file around line 393, it looks like this:

    $before_title  = "\n" . '<div class="hslice" id="ngg-webslice" >' . "\n";
      $before_title .= '<h2 class="widgettitle entry-title">';
      $after_title   = '</h2>';
      $after_widget  =  '</div>'."\n" . $after_widget;

    You'll need to remove both h2 from the code above, so your code will look like this:

    $before_title  = "\n" . '<div class="hslice" id="ngg-webslice" >' . "\n";
      $before_title .= '<class="widgettitle entry-title">';
      $after_title   = '';
      $after_widget  =  '</div>'."\n" . $after_widget;

    Then you'll need to create a new entry in your main css file that looks like this (change the font and size to whatever may suit your needs:

    /*Entry below fixes the font on the picture widget  */
    #ngg-webslice {
        font-size: 14px;
        }

    Please remember, if you upgrade the plugin you'll most likely have to redo the changes to plugins/nextgen-gallery/widgets/widgets.php

Reply

You must log in to post.

About this Topic