How to create border around image that cover image caption.

  • Resolved shibaprasad3881

    (@shibaprasad3881)


    3 years, 8 months ago

    I have tried different CSS codes to apply borders around images that cover image caption but fail.
    I want a border like this webpage use for images. Which covers captions too.
    You can visit this webpage from here- Acess this webpage
    Please reply to me with the right CSS that works for my theme. Currently, I am using the NEVE theme.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello, @shibaprasad3881!

    Thanks for using Neve theme!

    We are happy to help, but unfortunately all URL’s provided to us are for the same website, the one you gave as an example of how you would like the images and captions to be framed. Could you please provide us an URL to your site so we can have a better idea on how we can help you?

    Thank you and have a nice day!

    Thread Starter shibaprasad3881

    (@shibaprasad3881)

    Here is the link to my webpage. And i want to make it like this webpage.
    Hope you understand my concern!

    Hi, @shibaprasad3881!

    To achieve the style that you want for the images and captions, please insert the code below in the Additional CSS section within the Customizer.

    .wp-block-image {
    border: 1px solid #d7d5d5;
    padding: 10px;
    }

    Let me know how this worked for you! Have a great day!

    Thread Starter shibaprasad3881

    (@shibaprasad3881)

    Hai, It works fine with 2px border and 3px padding. You can check my webpage now.
    Now I want to apply the same border for a gallery that includes more than one image. Here is the link to my webpage where two images are added into one gallery and represent as a whole image.

    This is very similar to the case when you create a border around one image, you just have to insert in the Additional CSS section from the Customizer the same code as before, but now applied to .wp-block-gallery. The code will look like the one below.

    .wp-block-gallery {
    border: 1px solid #d7d5d5;
    padding: 10px;
    }

    I hope this helps, have a good day!

    Thread Starter shibaprasad3881

    (@shibaprasad3881)

    Yes!! It helps me a lot. Thank you.

    I am glad it worked!

    Thank you! Have a nice day!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to create border around image that cover image caption.’ is closed to new replies.