• sandaru1z

    (@sandaru1z)


    Hi,

    Im getting error and this code is visible on web browser when viewing website.

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

    website : fastmarriagehelp dot com

    Please help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    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>
    Thread Starter sandaru1z

    (@sandaru1z)

    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;
      }
    }
    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    @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.

    Thread Starter sandaru1z

    (@sandaru1z)

    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.

    Thread Starter sandaru1z

    (@sandaru1z)

    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/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Getting CSS error in Header Section’ is closed to new replies.