Targeting a specific div

Beaver Builder
1

Hi there, for some screenshots I looked at this old topic http://forum.wpbeaverbuilder.com/support/q/add-background-image-to-callout/

In the advanced tab of a text-editor div I have added a custom class.

However, the plugin doesn’t apply it to the most immediate div. It applies it to several divs highers.

For example here is a code snippet:

<div class="fl-module fl-module-rich-text MY-CUSTOM-CLASS fl-node-553e812d58d10" data-node="553e812d58d10" data-animation-delay="0.0">
	<div class="fl-module-content fl-node-content">
		<div class="fl-rich-text">
	<p style="text-align: center;">blah blah blah content.</p>
</div>
	</div>
</div>

As you can see, the plug-in adds the class to the div at the top, but I want to try and add the div to the one closest to the text (fl-rich-text).

How can I target all the extra divs? Is this possible to target sub divs like this?

2

Hey Jay,

You’ll want to follow that post in terms of doing this as opposed to putting the code directly into the text editor HTML area. Lyle’s walk through is really good and you would just put the CSS in your child theme or the theme customizer CSS code section if using our theme. Hope that helps!

A bit more reading here on specificity as well when targeting CSS classes.

Best,
Billy