Profile: Jaime

Problem: I have a repeating image field in my Edit Post Form. I would like to display the images horizontally instead of vertically, but when I add the following CSS it changes the display of all repeating fields:

.wpt-repctl.wpt-repctl-flex {
display: inline-flex;
width: 25%;
margin-right: 1%;
top: 0px;
}

I would like to only use this style for repeating images.

Solution: Add a wrapping div with a CSS class like "rcc-img-edit" around the repeating image cred-field shortcode. Then target that ancestor in your CSS selector:

.rcc-img-edit .wpt-repctl.wpt-repctl-flex {
display: inline-flex;
width: 25%;
margin-right: 1%;
top: 0px;
}