Custom element controls and :hover

Developers
1

I created an element. It worked great.

I added styles. It worked great.

I remembered that I needed to add a :hover style for anchors. It failed.

:hover doesn’t have any effect on my controls. Any change in any state (hover, active, etc) is actually applied as the base value.

Is this a bug or did I forget something?

Here’s the code - pretty basic:

$this->controls['taxonomy_link_typography'] = array(
	'tab'   => 'style',
	'group' => 'link_style',
	'label' => __( 'Link Typography', 'text-domain' ),
	'type'  => 'typography',
);
2

you need the CSS part with property and selector…

'css'      =>  [
	[
		'property' => '... ',
		'selector' => '....',
	],
]

see the example in the docs - Typography Control – Bricks Academy

1 Like
3

Disregard.

Apparently, I misremembered how the system works.