FileMaster

Edit File: cta-banner.php

#wpbody {
		padding-right: 20px;
	}

.wrap {
		display: grid;
		width: 100%;
	}

.sc-container {
		margin: auto;
		width: 100%;
	}

.sc-banner-text {
		margin: auto;
		max-width: 600px;
		text-align: center;
	}
	.sc-banner-text,
	.sc-banner-top-img-area {
		padding: 6%;
		width: 100%;
	}

@media screen and (min-width: 1180px) {
		.sc-banner-text,
		.sc-banner-top-img-area {
			flex:1
		}
	}

.sc-banner-top-area {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		overflow: hidden;
		background-color: #ffffff;
		border: 1px solid var(--sc-color-gray-200);
		max-width: 1600px;
		margin: auto;
		border-radius: var(--sc-border-radius-large);
		margin-bottom: 2em;
	}

.sc-banner-top-area img {
		max-width: 600px;
		margin: 0px;
		padding: 0px;
		padding: 5%;
	}

.sc-get-started-top-desc {
		margin-top: 10px;
	}

.sc-get-started-button{
		margin-top: 20px;
	}

#sc-settings-header {
		box-sizing: border-box;
		width: 100%;
		position: sticky;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px;
		background: #fff;
		border-bottom: 1px solid var(--sc-color-gray-200);
		height: 66px;
	}

.cta-video {
		aspect-ratio: 16/9;
		width: 100%;
	}
</style>

<sc-text style="--font-size: var(--sc-font-size-xxx-large); --line-height: 50px; --font-weight: var(--sc-font-weight-bold); --text-align: center;">
					<?php esc_html_e( 'The easiest thing you can do to increase subscription revenue.', 'surecart' ); ?>
				</sc-text>
				<sc-text class="sc-get-started-top-desc" style="--font-size: var(--sc-font-size-x-large); --line-height: var(--sc-line-height-normal); --text-align: center;">
					<?php esc_html_e( 'Automatically lower your subscription cancellation while making customers happy and saving more revenue with Subscription Saver.', 'surecart' ); ?>
				</sc-text>
				<sc-button class="sc-get-started-button" type="primary" target="_blank" size="large" href="<?php echo esc_url_raw( \SureCart::config()->links->purchase ); ?>">
					<?php esc_html_e( 'Get Subscription Saver', 'surecart' ); ?>
					<sc-icon name="arrow-right" slot="suffix"></sc-icon>
				</sc-button>
			</div>
			
		</div>
	</div>
</div>

Back