WordPress.org

Ready to get started?Download WordPress

Forums

Images (9 posts)

  1. Dot
    Member
    Posted 2 years ago #

    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

  2. vishalsharma_rs
    Member
    Posted 2 years ago #

    <div style="border: 2px solid grey;">
    <img src="copy_paste_image_path_here" style="margin: 5px;"/>
    </div>

    Thats it

  3. Krishna
    Volunteer Moderator
    Posted 2 years ago #

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

  4. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    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: http://www.w3schools.com/css/

  5. jnhghy
    Member
    Posted 2 years ago #

    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.

  6. Dot
    Member
    Posted 2 years ago #

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

  7. jnhghy
    Member
    Posted 2 years ago #

    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

  8. Dot
    Member
    Posted 2 years ago #

    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!

  9. vishalsharma_rs
    Member
    Posted 2 years ago #

    #branding img{width:991px} thats it

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags