Hide Simple Banner This will hide the banner by applying `display: none;` to the HTML element	> yes > no
Prepend element This inserts the banner HTML at the top of the `<body>` element or the `<header>` element. Default is `<body>`.	> `<body>` > `<header>`
Close button enabled This feature uses strictly necessary cookies which do not require consent from users per GDPR guidelines	'; ?>
Close button expiration Enter the amount of days until the banner should reappear (e.g. `14`), fractions of days (e.g. `0.5`), or the exact day and time (e.g. `21 Feb 2022 15:53:22 GMT`). Default is 0.
Simple Banner Font Size Leaving this blank sets the default to your theme CSS value	e.g. 16px
Simple Banner Background Color Leaving this blank sets the color to the default value `#024985`
Simple Banner Text Color Leaving this blank sets the color to the default value `white`
Simple Banner Link Color Leaving this blank sets the color to the default value `#f16521`
Simple Banner Close Button Color Leaving this blank sets the color to the default value `black`
Simple Banner Text Leaving this blank removes the banner	<?php echo esc_textarea(get_option('simple_banner_text' . $banner_id)); ?>
Simple Banner Custom CSS	CSS will be applied directly to the `simple-banner` class, the `simple-banner-scrolling` class for styles applied as the page scrolls, the `simple-banner-text` class for text specific styles, and the `simple-banner-button` class for close button specific styles. Be very careful, bad CSS can break the banner.
.simple-banner { <?php echo esc_textarea(get_option('simple_banner_custom_css' . $banner_id)); ?> }	.simple-banner-scrolling { <?php echo esc_textarea(get_option('simple_banner_scrolling_custom_css' . $banner_id)); ?> } .simple-banner-text { <?php echo esc_textarea(get_option('simple_banner_text_custom_css' . $banner_id)); ?> } .simple-banner-button { <?php echo esc_textarea(get_option('simple_banner_button_css' . $banner_id)); ?> }
Simple Banner Position Change the `position` value of your banner More info	> footer: The banner is fixed on the bottom of the window. Updates the banner position with the following css attributes `position: fixed;bottom: 0;` > static: Default value. Elements render in order, as they appear in the document flow > absolute: The element is positioned relative to its first positioned (not static) ancestor element > fixed: The element is positioned relative to the browser window > relative: The element is positioned relative to its normal position, so `left:20px` adds 20 pixels to the element's LEFT position > sticky: The element is positioned based on the user's scroll position A sticky element toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). Note: Not supported in IE/Edge 15 or earlier. Supported in Safari from version 6.1 with a -webkit- prefix. > initial: Sets this property to its default value. > inherit: Inherits this property from its parent element.
Header Top Margin Apply margin to the top of your theme header Will be disabled if banner is hidden, disabled, or closed '; } ?>	e.g. 40px'; } else { echo 'Only available on Banner #1 as multiple header margin values would override each other.'; } ?>
Header Top Padding Apply padding to the top of your theme header Will be disabled if banner is hidden, disabled, or closed '; } ?>	e.g. 40px'; } else { echo 'Only available on Banner #1 as multiple header padding values would override each other.'; } ?>
z-index CSS property sets the z-order of the banner Default value `99999` More info
wp_body_open enabled If enabled, will use the wp_body_open action to insert the banner to your site. This can be used to eliminate Cumulative Layout Shift issues. It will also disable the `Prepend element` and `Insert Inside Element` setting.	'; } else { echo 'Only available on Banner #1.'; } ?>

Hide Simple Banner

This will hide the banner by applying display: none; to the HTML element

> yes
> no

Prepend element

This inserts the banner HTML at the top of the <body> element or the <header> element. Default is <body>.

> <body>
> <header>

Close button enabled

This feature uses strictly necessary cookies which do not require consent from users per GDPR guidelines

'; ?>

Close button expiration

Enter the amount of days until the banner should reappear (e.g. 14), fractions of days (e.g. 0.5), or the exact day and time (e.g. 21 Feb 2022 15:53:22 GMT). Default is 0.

Simple Banner Font Size

Leaving this blank sets the default to your theme CSS value

e.g. 16px

Simple Banner Background Color

Leaving this blank sets the color to the default value #024985

Simple Banner Text Color

Leaving this blank sets the color to the default value white

Simple Banner Link Color

Leaving this blank sets the color to the default value #f16521

Simple Banner Close Button Color

Leaving this blank sets the color to the default value black

Simple Banner Text

Leaving this blank removes the banner

<?php echo esc_textarea(get_option('simple_banner_text' . $banner_id)); ?>

Simple Banner Custom CSS

CSS will be applied directly to the simple-banner class, the simple-banner-scrolling class for styles applied as the page scrolls, the simple-banner-text class for text specific styles, and the simple-banner-button class for close button specific styles. Be very careful, bad CSS can break the banner.

.simple-banner {

<?php echo esc_textarea(get_option('simple_banner_custom_css' . $banner_id)); ?>

}

.simple-banner-scrolling {

<?php echo esc_textarea(get_option('simple_banner_scrolling_custom_css' . $banner_id)); ?>

}

.simple-banner-text {

<?php echo esc_textarea(get_option('simple_banner_text_custom_css' . $banner_id)); ?>

}

.simple-banner-button {

<?php echo esc_textarea(get_option('simple_banner_button_css' . $banner_id)); ?>

}

Simple Banner Position

Change the position value of your banner
More info

> footer: The banner is fixed on the bottom of the window. Updates the banner position with the following css attributes position: fixed;bottom: 0;
> static: Default value. Elements render in order, as they appear in the document flow
> absolute: The element is positioned relative to its first positioned (not static) ancestor element
> fixed: The element is positioned relative to the browser window
> relative: The element is positioned relative to its normal position, so left:20px adds 20 pixels to the element's LEFT position
> sticky: The element is positioned based on the user's scroll position

A sticky element toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed).
Note: Not supported in IE/Edge 15 or earlier. Supported in Safari from version 6.1 with a -webkit- prefix.

> initial: Sets this property to its default value.
> inherit: Inherits this property from its parent element.

Header Top Margin Apply margin to the top of your theme header

Will be disabled if banner is hidden, disabled, or closed

'; } ?>

e.g. 40px'; } else { echo 'Only available on Banner #1 as multiple header margin values would override each other.'; } ?>

Header Top Padding Apply padding to the top of your theme header

Will be disabled if banner is hidden, disabled, or closed

'; } ?>

e.g. 40px'; } else { echo 'Only available on Banner #1 as multiple header padding values would override each other.'; } ?>

z-index

CSS property sets the z-order of the banner

Default value 99999

More info

wp_body_open enabled

If enabled, will use the wp_body_open action to insert the banner to your site. This can be used to eliminate Cumulative Layout Shift issues. It will also disable the Prepend element and Insert Inside Element setting.

'; } else { echo 'Only available on Banner #1.'; } ?>