How Can I Add Borders to My Videos?

  • I can’t believe how hard it is to find a simple answer to the question of how to add a border to the videos on my blog, so they look consistent with the still images.

    I found some info that said I needed to install the CSS plugin to get this done; but now that I have installed CSS I can’t figure out for the life of me how to implement this border feature. All I want is a black border, thickness of 3, on all videos moving forward.

    If anybody can put this in simple terms (exactly what to type, and exactly where to insert it), I’ll give your dog a treat.

    Thank you

    Deek

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    What’s the URL for your site? Your profile here shows a WordPress.COM site. If that’s the site you need help with then you want to ask in that forum.

    https://en.forums.wordpress.com/forum/support

    This forum here is for self-hosted WordPress.ORG software installations.

    This link explains the differences.

    https://en.support.wordpress.com/com-vs-org/

    It’s a common misunderstanding. ??

    But if you mean a self-hosted WordPress site then a URL with an example video would help. That way someone can offer specific CSS customizations.

    Thread Starter deekadelic

    (@deekadelic)

    I am on www.remarpro.com, I had just neglected to update my profile when I made the switch three months ago. That has now been corrected.

    So below is a link to my latest post. As you can see, the photos all have this nice black border (thanks to a plugin I installed); but the videos have no borders, which stands out and cheapens the overall aesthetic of the post. It is this I mean to rectify.

    Thanks in advance

    Deek

    https://www.deekadelic.com/2015/02/18/crazy-shades-of-winter/

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    After looking and not succeeding I pinged a friend @clorith and he suggested that you try this custom CSS.

    .wp-video-shortcode { border: 3px solid #000; }

    It looks like you are using Jetpack so I recommend that you enable the custom CSS option (if you have not done so already) and give that a try.

    Thread Starter deekadelic

    (@deekadelic)

    Can you tell me how to navigate to that file location, and exactly where in the file to put the code?

    Thanks

    Thread Starter deekadelic

    (@deekadelic)

    I don’t know how to do this, so I don’t know what to do with this code. Can you please explain where I’m supposed to insert it?

    Thank you

    See:

    https://jetpack.me/support/custom-css/

    After you have done that, you’ll see Edit CSS under Appearance – click there and copy the CSS above into that section. Save it and then refresh your browser to view the change on your site.

    Thread Starter deekadelic

    (@deekadelic)

    I put the code in to the CSS file; but there’s been no visible change.

    Here’s the code for the CSS file as it looks now:

    /*
    h2 {
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;
    }
    .wp-video-shortcode { border: 3px solid #000; }
    */

    Here’s a link to a new post with videos that still don’t show borders. Not sure what I’m missing.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Why did you put your code in CSS comments?
    https://developer.mozilla.org/en-US/docs/Web/CSS/Comments

    Thread Starter deekadelic

    (@deekadelic)

    I don’t know how to code in this language; so I don’t know what denotes comments and what doesn’t.

    Am I mistaken in thinking that this is really as simple as plugging a specific piece of code into a specific spot on a specific file?

    It seems to me that for anybody who knows how to do this, answering my question should be as simple as saying something along the lines of:
    1) Go to Dashboard>Appearance>Edit CSS
    2) Copy the code:
    “Blah blah blah”
    3) Paste the code into the file directly below the code that says: “Blah”

    Am I missing something?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How Can I Add Borders to My Videos?’ is closed to new replies.