Plugin’s CSS with “!important” added interfering

  • Resolved akmiecik

    (@akmiecik)


    4 years, 7 months ago

    CSS !important tags in plugin’s CSS can not be overridden.

    Plugin loads CSS at the bottom of page.

    How can CSS be overridden?

    Note: This question is meant to be non-specific. There is a previous issue with same name that is specific and solved my not using @media, that is not a viable solution. Need way to override CSS without having to edit plugin.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author yotuwp

    (@yotuwp)

    Hi @akmiecik

    Sorr reply late on your message.
    For the problem, can you please paste me the CSS you are working on?

    Looking forward to hearing from you.

    Best regards,

    Anthony

    Thread Starter akmiecik

    (@akmiecik)

    Can you move where it is loaded so it comes before theme css?

    (I gave up on it and found another solution)

    • This reply was modified 4 years, 7 months ago by akmiecik.
    Thread Starter akmiecik

    (@akmiecik)

    Forgot I was using it on a different the site.

    The issue on the second site has to do with how thumbnails display on phone. Trying to get them (the li items) to line up small and horizontal instead of “full size” and vertical. I only have five which is about the max you could fit on mobile.

    Thread Starter akmiecik

    (@akmiecik)

    how about some way to modify the min.css file and prevent it from updating?

    Plugin Author yotuwp

    (@yotuwp)

    Hi @akmiecik

    I recommend you to use the Custom CSS from your theme setting or you can install another plugin for that task.

    Hope that convenient for your plan.

    Thread Starter akmiecik

    (@akmiecik)

    Thanks

    I have added code to my Custom CSS in my theme, and it is still getting overridden by the styling of this plugin.

    How can we customize the CSS?

    Thanks!

    I’m having an issue with your CSS having !important.
    I need to overwrite the color, font-size, and line-height of the title, but your CSS is set as !important.

    
.yotu-videos.yotu-preset-abnb .yotu-video-title {
    color: #2857B3 !important;
    font-size: 30px !important;
    line-height: 30px !important;
}
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Plugin’s CSS with “!important” added interfering’ is closed to new replies.