I’m trying to replace the circular callout images with my own images in the Biz theme. I’m able to get the image in there, but your images have nifty grey borders. Can you walk me through how to put borders on my image?
Many thanks!
I’m trying to replace the circular callout images with my own images in the Biz theme. I’m able to get the image in there, but your images have nifty grey borders. Can you walk me through how to put borders on my image?
Many thanks!
Hey Kristin,
Welcome to the BB forums!
The borders on those images are actually part of the images themselves. And they were already circular in shape. You can still do it via custom CSS though. You can place a class on your Callout module, e.g.,
border-image
. Then use the CSS snippet below.
.border-image .fl-callout-photo img {
border: solid 10px #ffffff;
}
Ben
Hi Ben,
Just wanted to quickly thank you for the information. =) Unfortunately, I have no idea what it means. Is there a possibility that you have a way dumbed-down answer for a Wordpress/BB newbie? I’m still getting my feed wet, so I haven’t ventured into the CSS snippet pond yet (it’s a little bit scary!). Any assistance you can offer would be most appreciated.
Many thanks!
~kr~
Hey Kristin,
No worries! Firstly, I transferred this thread to the BB Plugins as it is where it should belong. Okay, so on your Callout module, there’s an Advanced tab. And on that Advanced tab, you’ll find a Class field near the bottom. You can place the classname there, i.e.,
border-image
.
For the CSS, since you’re using the BB theme, you can just copy and paste the code I have above under Appearance > Customize > Code > CSS Code, and that’s it! Let us know how it goes!
Ben