adjusting nav link typography

stellarwp · Aug 20, 2024 · 5e3fa1f · 5e3fa1f
1 parent 6fdccb5
commit 5e3fa1f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/includes/blocks/class-kadence-blocks-navigation-link-block.php b/includes/blocks/class-kadence-blocks-navigation-link-block.php
@@ -111,7 +111,8 @@ public function build_css( $attributes, $css, $unique_id, $unique_style_id ) {
 			}
 		}
 
-		$css->set_selector( '.wp-block-kadence-navigation .navigation .menu-container > ul li.wp-block-kadence-navigation-link' . $unique_id . ' > .link-drop-wrap > a' );
+		// .wp-block-kadence-navigation .navigation .menu-container ul xxx ul li.menu-item > .link-drop-wrap > a
+		$css->set_selector( '.wp-block-kadence-navigation .navigation .menu-container > ul li.wp-block-kadence-navigation-link' . $unique_id . ' > .link-drop-wrap.link-drop-wrap.link-drop-wrap > a' );
 		$css->render_typography( $nav_link_attributes );
 		$css->set_selector( '.wp-block-kadence-navigation .navigation .menu-container > ul li.wp-block-kadence-navigation-link' . $unique_id . ' > .link-drop-wrap > a .link-highlight-label' );
 		$css->render_typography( $nav_link_attributes, 'highlightTypography' );
@@ -224,6 +225,8 @@ public function build_css( $attributes, $css, $unique_id, $unique_style_id ) {
 		$css->set_selector( '.wp-block-kadence-navigation .navigation .menu-container ul .wp-block-kadence-navigation-link' . $unique_id . ' ul li.menu-item > .link-drop-wrap > a' );
 		$css->render_measure_output( $nav_link_attributes, 'marginDropdownLink', 'margin', ['unit_key' => 'marginDropdownLinkUnit']);
 		$css->render_measure_output( $nav_link_attributes, 'paddingDropdownLink', 'padding', ['unit_key' => 'paddingDropdownLinkUnit']);
+		$css->render_typography( $nav_link_attributes, 'dropdownTypography' );
+
 
 		//description styles
 		$css->set_selector( '.wp-block-kadence-navigation-link' . $unique_id . ' .menu-label-description:not(.wp-block-kadence-navigation-link' . $unique_id . ' .wp-block-kadence-navigation-link .menu-label-description)' );

diff --git a/src/blocks/navigation-link/components/backend-styles/index.js b/src/blocks/navigation-link/components/backend-styles/index.js
@@ -810,7 +810,7 @@ export default function BackendStyles(props) {
 	css.add_property('background', css.render_color(previewBackgroundDropdownActive));
 
 	css.set_selector(
-		`.wp-block-kadence-navigation .navigation .menu-container > ul li.wp-block-kadence-navigation-link${uniqueID} > .link-drop-wrap > a`
+		`.wp-block-kadence-navigation .navigation .menu-container > ul li.wp-block-kadence-navigation-link${uniqueID} > .link-drop-wrap.link-drop-wrap.link-drop-wrap > a`
 	);
 	css.render_font(typography ? typography : [], previewDevice);
 	css.set_selector(