• I am using a plug-in to place widgets on a page (Widgetize Pages), however the titles of these widgets come out in rather a large size. (see example image) How can I change this size and font of these? I am guessing it must be in the css somewhere?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please provide a working example of the problem (i.e a webpage). A screenshot does not suffice for CSS issues.

    Thread Starter steveredshaw

    (@steveredshaw)

    The page in question is activeo.info/test-page/. It is log-in protected so I have set up a temporary user username: forum password: forum so it can be viewed.

    I did experiment with another widget-on-page plug-in but that produced the sane size titles, so I think it is to do with the WP css settings not the plug-ins.

    Hope this is sufficient info, I can always provide more.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use a browser developer tool for this kind of exploratory CSS work.
    I used Google Chrome’s built-in developer tool and found the culprit CSS [screenshot]. I right-clicked on the large font in the webpage, then selected ‘Inspect element’.

    Thread Starter steveredshaw

    (@steveredshaw)

    Thanks, I tried this out, but didn’t find what you found. I did find in page source view that the widget titles were displayed in <h2> and were under a div class called ‘widgettitle’ but I could not locate this in any theme css file.

    I have devised a workaround! Leave the widget title off and write the title on the page just above the widget shortcode. Not perhaps the best solution but it works for me!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘size and font of titles’ is closed to new replies.