• Resolved LoriRibotti

    (@loriribotti)


    Is there a way to add a border around an image? I am trying to add 6 pics on my front page(static page).I want each pic to have a border around it.
    Is there a place to go to, to find out how to do this, where to insert codes etc?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Yes, you would do that in the CSS code – what theme are you using and please post a link to your site.

    Thread Starter LoriRibotti

    (@loriribotti)

    I have barely just started, I have my design on paper, just haven’t put it into website yet. https://www.christinalauracreations.com
    Currently using Raindrops theme, but that may change.

    Image borders are pretty theme/site specific, so if you change themes you’ll need to start over on things like this. But in order to make CSS changes you need to have a custom CSS option (check to see if your theme has that) or install a custom CSS plugin — jetpack is a good one. Then you can add this to the custom CSS:

    .entry-content img, .hentry img {
        border: 1px solid black;
    }

    You can change the color or width or style of the border as you like.

    Thread Starter LoriRibotti

    (@loriribotti)

    Thank you very much. Very helpful, and I will wait to see if I use Raindrops theme or not.
    Thank you again!

    Thread Starter LoriRibotti

    (@loriribotti)

    Sorry, where do I verify if it has custom css option?

    Thread Starter LoriRibotti

    (@loriribotti)

    If I go to edit themes it states the following:

    raindrops: Stylesheet (style.css)

    So if this means it has css option, where do I insert:

    .entry-content img, .hentry img {
    border: 1px solid black;
    }
    You can change the color or width

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Here’s a guide to use Jetpack’s Custom CSS option https://jetpack.me/support/custom-css/

    @lori – not that’s not custom CSS — that’s the regular CSS file and if you change anything there it will be erased when the theme is updated — so not a good idea :)! Follow Andrew’s post – jetpack actually adds a bunch of other useful/cool stuff.

    Thread Starter LoriRibotti

    (@loriribotti)

    @wpyogi, yes I just figured that out too, thanks for clarifying!

    @andrew & WPyogi, have dl the jetpack, and taking the “tutorial”

    Thank you so much for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How do I add a border around a specific image’ is closed to new replies.