• Dot

    (@dianetingleyhotmailcom)


    Hello
    Could someone tell me how I can present my images with a single grey line around a few milmetres of white space please?
    Many thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • <div style=”border: 2px solid grey;”>
    <img src=”copy_paste_image_path_here” style=”margin: 5px;”/>
    </div>

    Thats it

    Insufficient details. Perhaps, posting your site URL can help.

    Moderator cubecolour

    (@numeeja)

    You could edit the theme stylesheet to include something like:

    img {
    background #fff;
    border: 1px solid #ccc;
    padding: 4px;
    }

    To learn more about CSS for styling elements in your site, see: https://www.w3schools.com/css/

    Hi,
    What theme are you using? Depending on the theme that you are using you’ll have to change some css code in order to obtain the desired result.
    Knowing your theme / your site address will let us give you the right code that you need.
    Also read about css here if you want to learn more.

    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Hmm thanks for this: tried both codes; nothing! Here is link: https://deardot.com/

    I don’t know what/how exactly you want your images to be “presented”;
    To make a common step so we will have a starting point let’s try this:
    in your stile sheet near line 959 you should find something like wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {
    one of it’s proprieties is : border-color: #DDD let’s change this to border-color: white check an image and help me understand what your are trying to achieve starting from this.
    Regards

    Thread Starter Dot

    (@dianetingleyhotmailcom)

    Hello
    That sounds about right; I want a white border around the images I insert,bordered by a grey line – but I only want to edit the child theme – where I inserted the code given by cubecolour above, but nothing: so I suppose I am asking for the code, but also need to mention that I want it to work when I put it into the editor of the twenty twelve child theme!

    #branding img{width:991px} thats it

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Images’ is closed to new replies.