I am trying to outline a single image in a 1 pixel black outline. When choosing the single image in WP Bakery, the Single Image options include "circle outline" and "circle border". The circle outline puts a white border between the image and the outline, and the circle border looks like it's about 5 px thick. Is there anyway to reduce the circle border to 1px? Note examples below:
Yes, I did see it. I applied the CSS and it appears to work with the "Circle Outline" option, doesn't seem to work with the "Circle Border" Option. I still have about a 5px outline around the image.
Hi,
I am trying to outline a single image in a 1 pixel black outline. When choosing the single image in WP Bakery, the Single Image options include "circle outline" and "circle border". The circle outline puts a white border between the image and the outline, and the circle border looks like it's about 5 px thick. Is there anyway to reduce the circle border to 1px? Note examples below:
Thanks,
Charlie
Hi Charlie,
Do you mean you wish to reduce this border to 1 px?
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
You can use the following style:
And add the following Custom CSS to your Theme Options - Custom CSS:
.wpb_single_image .vc_single_image-wrapper.vc_box_outline,
.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle {
padding: 0px !important;
}
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Hi Oliver,
Thanks for the reply, I didn't see it until now. Your first question is correct. I want to reduce the border of the "Circle Border" option to 1px.
Thank you,
Charlie
Hi Charlie,
did you check my latest reply? You can achieve this using this style and custom css.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Yes, I did see it. I applied the CSS and it appears to work with the "Circle Outline" option, doesn't seem to work with the "Circle Border" Option. I still have about a 5px outline around the image.
Thanks!
Charlie
Hi Oliver,
I figured it out. I changed the
.wpb_single_image .vc_single_image-wrapper.vc_box_outline,
.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle {
padding: 0px !important;
}
to
.wpb_single_image .vc_single_image-wrapper.vc_box_border,
.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle {
padding: 1px !important;
}
and got the desired results.
Thanks for your help!
Charlie
Hi Charlie,
Thank you for letting us know!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver