How to add a border around an text with image element?

Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-502 #av_section_1 .flex_column.av_one_half {
	border: 2px solid;
}
#top.page-id-502 #av_section_1 .flex_column.av_one_half h2:nth-child(2) {
padding-right: 20px;
}

you may need to adjust the image in the middle one, it is adding white space, perhaps the image is not wide enough? All of the other images look good.

Best regards,
Mike

Hi,
#1: has an extra divs around the text that none of the other do, I assume this is an error, check your code in the text block in the “text” tab in instead of “visual”

all of the other ones are two H2 tags like this:

#2: this is a div column like all of the others, only it has no text block in it, I assume you will be adding one?
If not use this css instead to exclude it:

#top.page-id-502 #av_section_1 .flex_column.av_one_half:not(.avia-builder-el-9) {
	border: 1px solid #cccccc;
}

Best regards,
Mike

Hi,
You still have the old css:

#top.page-id-502 #av_section_1 .flex_column.av_one_half {
	border: 1px solid #cccccc;
}

and not this new one:

#top.page-id-502 #av_section_1 .flex_column.av_one_half:not(.avia-builder-el-9) {
	border: 1px solid #cccccc;
}

please check again

Best regards,
Mike

Hi,
Please remove the last css rule:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike