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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What css doesn’t work?

    Thread Starter compil2rai

    (@compil2rai)

    Apparently, yes.

    I tried to change from 58 to 35:

    .featured-text h2, .featured-text h2 a {
    font-size: 58px;
    }

    But it won’t change, don’t understand why !

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hmm I don’t see this in your style.css file:

    .featured-text h2, .featured-text h2 a

    Are you sure that’s where you added it?

    Thread Starter compil2rai

    (@compil2rai)

    Yes, this is the file name: Stylesheet (style.css)
    New line :
    .featured-text h2,
    .featured-text h2 a {
    font-size: 24px !important; /* set font size */
    }

    Old line:
    .featured-text h2,
    .featured-text h2 a {
    font-size: 24px !important; /* set font size */
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The class isn’t “featured-text”: http://snag.gy/E9MIF.jpg

    It’s probably:

    .home-widget .infinite-post .wide-text h2 {
        font-size: 50px;
    }

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. .home-widget .infinite-post .wide-text h2 {
          font-size: 50px;
      }
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter compil2rai

    (@compil2rai)

    I have tried that, but it doesn’t seem to work

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s coming up as 30 pixels on my screen, have you cleared your browser’s cache?

    Thread Starter compil2rai

    (@compil2rai)

    The cache has been cleared, but still see 58px, when I inspect the element through Chrome.
    Even though, the style.css is displaying 28px
    Below the screenshots.
    http://tinypic.com/r/o57z41/8
    http://tinypic.com/r/2z7k781/8

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I must have been looking at the wrong area. I was looking at this: http://i.stack.imgur.com/nfLU4.jpg

    Thread Starter compil2rai

    (@compil2rai)

    I corrected it by adding this line

    .featured-text h2, .featured-text h2 a {
        font-size: 38px !important; /* set font size */

    using Custom CSS Manager plugin 😉

    Thank you very much for your help.

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