Typography isn’t working

Hey Bulut,

thanks for reporting the issue.

Can you please enable debug mode as explained in this article here and see if we get any additional information on this? https://wp-pagebuilderframework.com/docs/debugging/

Thank you

There isn’t no PHP error. But the changes can’t apply. https://prnt.sc/25alzhm

I checked it, there isn’t no CSS output.

What theme are you using? Also, what’s the link to the website?

I am a theme dev at ThemeForest. The theme demo: https://demo.gloriathemes.com/loquet/demo/

Let’s get technical.

Can you share the code of the control that you’re using that’s not working for you properly?

Also, can you please describe what steps are necessary to replicate this behaviour? We are going to run some tests here on our end.

Thank you.

Example screenshots for font field:

https://prnt.sc/25e3lw1
https://prnt.sc/25e3i9l

None of these screenshots, including the one you sent earlier are showing up for me.

I re-upload. Can you check again?

https://ibb.co/n1hKQnL
https://ibb.co/gdJxvzW
https://ibb.co/cDkztKY

that worked, thank you.

Can you please paste those code-snippets here?

I upload the PHP file for you: https://wetransfer.com/downloads/2f2253b8a7e7ed4ed3aeecc93aff4d7220211231111007/c2e03c0a99d0e4ed05d04bf935a59bd320211231111019/424116

Thank you!

The file is empty. Can’t you just please paste the code here?

Thank you.

loquet_customizer_add_field(
	array(
		'type' => 'typography',
		'settings' => 'loquet_typography_primary_font',
		'label' => esc_html__( 'Primary Font', 'loquet-core' ),
		'section' => 'loquet_typography_general_section',
		'default' => array(
			'font-family' => 'Josefin Sans',
		),
		'output' => array(
			array(
				'element' => 'body, label, [type="button"], [type="submit"], button, .gt-button a, .gt-button a:visited, .gt-header .gt-menu ul li a, .gt-header .gt-menu ul li a:visited, .gt-header .gt-header-topbar.gt-style-1 .gt-description-text p, .gt-off-canvas.gt-style-1 .gt-off-canvas-inner .gt-off-canvas-left .gt-copyright p, .gt-off-canvas.gt-style-1 .gt-widgets .gt-widget-services.gt-style-1 ul li .gt-service-desc h5, .gt-off-canvas.gt-style-1 .gt-widgets .gt-widget-services.gt-style-1 ul li .gt-service-desc p, .gt-off-canvas.gt-style-2 .gt-copyright, .gt-footer p, .gt-footer .gt-footer-menu.gt-style-1 ul, .gt-footer .gt-footer-widgets.gt-style-1, .gt-footer .gt-footer-widgets.gt-style-1 ul, .gt-pagination.gt-style-1 ul li a, .gt-pagination.gt-style-1 ul li a:visited, .gt-pagination.gt-style-1 ul li span, .gt-pagination.gt-style-2 ul li a, .gt-pagination.gt-style-2 ul li a:visited, .gt-pagination.gt-style-2 ul li span, .gt-pagination.gt-style-3 ul li a, .gt-pagination.gt-style-3 ul li a:visited, .gt-pagination.gt-style-3 ul li span, .gt-tags.gt-style-1 ul li a, .gt-tags.gt-style-1 ul li a:visited, .gt-page-pages.gt-style-1 ul li a, .gt-page-pages.gt-style-1 ul li a:visited, .gt-author-box.gt-style-1 .gt-content .gt-subtitle, .gt-module-title .gt-sub-title, .gt-module-title.gt-style-2 .gt-title, .gt-comments.gt-style-1 .gt-comment-list .gt-items .gt-item .gt-top .gt-details, .gt-comments.gt-style-1 .gt-comment-list .gt-items .gt-item .gt-bottom .gt-buttons, .gt-comments.gt-style-1 .gt-comment-form .gt-item-row .gt-item label, .gt-carousel-control.gt-style-2 .gt-carousel-pagination .swiper-pagination-bullet, .gt-carousel-control.gt-style-3 .gt-carousel-pagination .swiper-pagination-bullet, .gt-carousel-control.gt-style-6 .gt-carousel-pagination .swiper-pagination-bullet, .gt-title-bar.gt-style-5 .gt-container .gt-content span, .gt-title-bar.gt-style-6 .gt-container .gt-content span, .gt-ticket.gt-style-1 .gt-item .gt-desc span, .gt-newsletter .gt-form-wrapper .gt-form input, .gt-newsletter .gt-form-wrapper .gt-form button, .gt-service-boxes.gt-style-5 .gt-item .gt-right .gt-content p, .gt-events-listing.gt-style-1 .gt-item .gt-content .gt-date, .gt-events-listing.gt-style-3 .gt-item .gt-date, .gt-post-listing.gt-style-1 .gt-item .gt-post-header .gt-categories ul, .gt-post-listing.gt-style-2 .gt-item .gt-content .gt-content-inner .gt-categories ul, .gt-post-listing.gt-style-3 .gt-item .gt-content-inner .gt-categories ul, .gt-portfolio-slider.gt-style-1 .gt-content .gt-inner .gt-category a, .gt-portfolio-slider.gt-style-1 .gt-content .gt-inner .gt-category a:visited, .gt-portfolio-slider.gt-style-2 .gt-content .gt-inner .gt-category a, .gt-portfolio-slider.gt-style-2 .gt-content .gt-inner .gt-category a:visited, .gt-portfolio-slider.gt-style-2 .gt-scroll-text span, .gt-portfolio-slider.gt-style-2 .gt-slider-bottom .gt-slider-info-box-wrapper .gt-slider-info-box .gt-item, .gt-portfolio-slider.gt-style-2 .gt-slider-bottom .gt-slider-info-box-wrapper .gt-slider-info-box .gt-item p, .gt-language-box.gt-style-1 .gt-language-box-container .gt-content ul li a, .gt-language-box.gt-style-1 .gt-language-box-container .gt-content ul li a:visited, .gt-search-box.gt-style-1 .gt-search-box-container form input, .gt-search-box.gt-style-1 .gt-search-box-container p, .gt-timeline.gt-style-2 ol li .gt-title-wrapper .gt-date, .gt-timeline.gt-style-2 ul li .gt-title-wrapper .gt-date, .gt-detail-box.gt-style-1 .gt-content, .gt-detail-box.gt-style-1 .gt-content p, .gt-detail-box.gt-style-2 .gt-content, .gt-detail-box.gt-style-2 .gt-content p, .gt-detail-box.gt-style-3 .gt-content, .gt-detail-box.gt-style-3 .gt-content p, .gt-detail-box.gt-style-4 .gt-content, .gt-detail-box.gt-style-4 .gt-content p, .gt-title-bar.gt-style-1 .gt-details, .gt-title-bar.gt-style-2 .gt-details, .gt-title-bar.gt-style-3 .gt-details, .widget_block .wp-block-group__inner-container > h2, gt-info-boxes .gt-content, .gt-info-boxes .gt-content p, .gt-maps .gt-map-popup .gt-text, .gt-maps .gt-map-popup .gt-text p',
			),
		),
		'choices' => loquet_add_typekit_fonts( $font_variants ),
	)
);

loquet_customizer_add_field(
	array(
		'type' => 'typography',
		'settings' => 'loquet_typography_html',
		'label' => esc_html__( 'HTML Typography', 'loquet-core' ),
		'section' => 'loquet_typography_general_section',
		'default' => array(
			'font-family' => '',
			'variant' => '',
			'font-size' => '',
			'line-height' => '',
			'letter-spacing' => '',
			'color' => '',
			'text-transform' => '',
			'text-decoration' => '',
			'text-align' => '',
		),
		'output' => array(
			array(
				'element' => 'html',
			),
			array(
				'element' => '.editor-block-list__layout',
				'context' => array( 'editor' ),
			),
		),
		'choices' => loquet_add_typekit_fonts( $font_variants ),
	)
);

The codes are here.

Thanks!

• This reply was modified 2 years, 11 months ago by Bulut ?ztürk.

All themes of us broken. Just font system isn’t working. Did you check it?

For the code above to make sense we would need the loquet_customizer_add_field function as well please.

if( !function_exists( 'loquet_customizer_add_field' ) ) {

	function loquet_customizer_add_field( $args ) {

		Kirki::add_field(
			'loquet_customizer',
			$args
		);

	}

}

Thanks.