• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WordPress a2z

WordPress a2z

WordPress Dynamic API Reference

  • Home
  • Plugins
  • Themes
  • Shortcodes
  • APIs
  • Classes
  • Files
  • Hooks
  • Sitemap
  • Blog
Home / APIs / twentyseventeen_header_style() – Styles the header image and text displayed on the blog.

You appear to be a bot. Output may be restricted

Description

Styles the header image and text displayed on the blog.

Usage

twentyseventeen_header_style();

Parameters

Returns

void

Source

File name: twentyseventeen/inc/custom-header.php


Lines:

1 to 50 of 50
  function twentyseventeen_header_style() {
    $header_text_color = get_header_textcolor();

    // If no custom options for text are set, let's bail.
    // get_header_textcolor() options: add_theme_support( 'custom-header' ) is default, hide text (returns 'blank') or any hex value.
    if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) {
      return;
    }

    // If we get this far, we have custom styles. Let's do this.
    ?>
		<style id="twentyseventeen-custom-header-styles" type="text/css">
		<?php
    // Has the text been hidden?
    if ( 'blank' === $header_text_color ) :
      ?>
		.site-title,
		.site-description {
			position: absolute;
			clip: rect(1px, 1px, 1px, 1px);
		}
			<?php
      // If the user has set a custom color for the text use that.
    else :
      ?>
		.site-title a,
		.colors-dark .site-title a,
		.colors-custom .site-title a,
		body.has-header-image .site-title a,
		body.has-header-video .site-title a,
		body.has-header-image.colors-dark .site-title a,
		body.has-header-video.colors-dark .site-title a,
		body.has-header-image.colors-custom .site-title a,
		body.has-header-video.colors-custom .site-title a,
		.site-description,
		.colors-dark .site-description,
		.colors-custom .site-description,
		body.has-header-image .site-description,
		body.has-header-video .site-description,
		body.has-header-image.colors-dark .site-description,
		body.has-header-video.colors-dark .site-description,
		body.has-header-image.colors-custom .site-description,
		body.has-header-video.colors-custom .site-description {
			color: #<?php echo esc_attr( $header_text_color ); ?>;
		}
	<?php endif; ?>
	</style>
		<?php
  }
 

 View on GitHub View on Trac

Published: 8th April 2020 | Last updated: 21st August 2020

Primary Sidebar

Information

Function name: twentyseventeen_header_style
Plugin ref: Twenty Seventeen
Version: 3.1
Sourcefile: inc/custom-header.php
File ref: inc/custom-header.php
Deprecated?: No
API Letters: H,S,T

Footer

WordPress a2z
WordPress a2z
WordPress Dynamic API Reference
WordPress 6.1.1. PHP: 8.0.28
WordPress a2z
WordPress core a2z
Genesis Theme Framework a2z
Jetpack a2z
WordPress develop tests
Easy Digital Downloads a2z
WooCommerce a2z
Yoast SEO a2z
WordPress Blocks

Site:  wp-a2z.org
© Copyright WordPress a2z 2014-2023. All rights reserved.


Website designed and developed by Herb Miller
Proudly powered by WordPress and oik plugins

  • Home
  • Blog
  • Sitemap
  • Sites