Getting CSS error in Header Section

Hi sandaru1z,

You have to put this css in your style tag.

<style type="text/css">
    @media (min-width: 992px) { .video-container { max-width: 60%; margin: 0 auto; } }    
</style>

Thanks for help

in which CSS file in WP editor?
what is style tag?

Actually I’m using a plugin called Custom CSS to Add CSS styles.

I use it to insert

@media (min-width: 992px) {
  .video-container {
    max-width: 60%;
    margin: 0 auto;
  }
}

@sandaru1z,

Please refere the attached screenshot which guides you how to add css usinig WP Add Custom CSS plugin.

If you want to add this css for all the pages, this plugin will not help you.
You need to add your css in header.php file using editor between <style> and </style> tag,

<style>
@media (min-width: 992px) {
  .video-container {
    max-width: 60%;
    margin: 0 auto;
  }
}</style>

Hope this will helps you.

• This reply was modified 8 years ago by AddWeb Solution.

Thanks for kind help.
Its giving warning;

403 Forbidden

A potentially unsafe operation has been detected in your request to this site, and has been blocked by Wordfence.

If you are an administrator and you are certain this is a false positive, you can automatically whitelist this request and repeat the same action.

I am certain this is a false positive.

Whitelist This Action

I have option to tick white list and go ahead to apply setting,
will this break the site ?

or is it better to modify header.css file

What I tried to do was make youtube video smaller using this code.
given here https://athemes.com/forums/topic/embedded-video-auto-resizing-cant-make-it-smaller/

Please help. Really appreciate your help.

when I delete code, error fade away, but Youtube video frame side became large and full width again.

I tried to do was make youtube video smaller using this code.
given here https://athemes.com/forums/topic/embedded-video-auto-resizing-cant-make-it-smaller/