Viewing 5 replies - 1 through 5 (of 5 total)
  • By editing/customising your theme’s css – possibly via a child theme. Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    The default CSS class for widget headers are “widget-title”, you could use this to add some custom CSS rules for your site.

    .widget-title {
        min-height: 20px; /* Alt. min-width. Use a value that fit your needs */
        max-height: 50px; /* Alt. min-height. Use a value that fit your needs */
        word-wrap: break-word; /* This is CSS3, wrap to the next line when necessary  */
    }

    Hope that helps!

    Thread Starter lynnmosher

    (@lynnmosher)

    Thank you both. I’m new to WP and this is a little beyond me at the moment. I’ll check getfirebug. But, Keha76, where do I find what you’ve mentioned to fix it?

    You can edit the theme files directly from your dashboard, but you need to know that your changes might be overwritten when updating the theme (if you usually do this from within the dashboard).

    You can find the admin editor here: Appearance -> Editor

    You need to find the style.css (probably already selected), add your custom CSS at the bottom and then save the file. Refresh your site to see the changes.

    It’s not entirely foolproof to do it this way, but it should work. Also note that your theme might not use the default widget-title class, it depends on how it is built. You need to check the source code to be entirely sure.

    Thread Starter lynnmosher

    (@lynnmosher)

    Oh, thank you so much! {{sigh}} That is a great help! Bless you! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Making widget header larger’ is closed to new replies.