Locating source CSS snippet

  • I’ve been trying to get a subtitle on a site to display on small screens (by default the theme has it hidden). Below is the snippet I’m trying to target. Ive tried adding it to the child theme CSS, the themes custom CSS, the customize CSS aswell as editing the core themes CSS and minified CSS itself. (Also refreshed cache plugins etc.) but it wont change. Is there somewhere else I should be targeting? (fraid my knowledge of template structure is limited/dated). Appreciate if anyone could point me in the right direction.

    @media only screen and (max-width: 600px)
    .subtitle {
    display: none; (change this to block)
    }

    The page I need help with: [log in to see the link]

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

  • Your CSS is being optimized by the WPRocket plugin, making it impossible to track the source of any rule.

    But you can add the following to the VERY END of the ADDITIONAL CSS box in APPEARANCE => CUSTOMIZE to override the existing rule:

    @media only screen and (max-width: 600px) {
    .subtitle {
        display: block;
    } 
}

    After adding this, be sure to flush all your caching and optimization plugins.

    Standing by for feedback.

    Thread Starter timondeks

    (@timondeks)

    Hi George,

    Many thanks for your quick reply and help – much appreciated! ??

    That seems to have done the trick. I had tried adding it to the top of the ‘additional CSS’ box but it had no effect (I couldnt see any similar lines targeting the .subtitle in the rest of the ‘additional CSS’ code). Was there another reason to apply it to the end?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Locating source CSS snippet’ is closed to new replies.