Custom CSS Examples

Important: The Custom Code feature is intended for people who have some technical experience with HTML, CSS, and Javascript.

We get common requests for page customization. If you're on our Premium tier you can use these custom code snippets in our  Custom Code feature to do some basic and advanced customization. 

Help: Don't see what you need? Need help getting this setup? Want to make it a bit more custom? Email us at  help@booklaunch.io and we'd be happy to help put something together.

Target All Section Titles

With this classes you can target the the section titles for all sections. This is useful for changing font size, line height, font colors, and more.

<style>
	/* All Section Titles */
	.page-wrapper section .section-title {
		/* Styles Here */
	}
</style>


Main Section Title and Subtitle

With these classes you can target the the title and subtitle of the main hero section. This is useful for changing font size, line height, font colors, and more.

<style>
	/* Book Title */
	.page-wrapper .section-book .title {
		/* Styles Here */
	}
	/* Book Subtitle */
	.page-wrapper .section-book .subtitle {
		/* Styles Here */
	}
</style>


Target Titles and Headers

With these classes you can target the the section title or main header for each section. This is useful for changing font size, line height, font colors, and more.

<style>
	/* 
		Targeting Titles and Headers 
	*/
	/* Video Section Title */
	.page-wrapper .section-video .section-title {
		/* Styles Here */
	}
	/* About Section Title */
	.page-wrapper .section-about .section-title {
		/* Styles Here */
	}
	/* Purchase Section Title */
	.page-wrapper .section-purchase .section-title {
		/* Styles Here */
	}
	/* Endorsement Section Title */
	.page-wrapper .section-endorsement .section-title {
		/* Styles Here */
	}
	/* Email Section Title */
	.page-wrapper .section-email .section-title {
		/* Styles Here */
	}
	/* Share Section Title */
	.page-wrapper .section-share .section-title {
		/* Styles Here */
	}
	/* Author Section Title */
	.page-wrapper .section-author .section-title {
		/* Styles Here */
	}
	/* Author Name */
	.page-wrapper .section-author .author-name {
		/* Styles Here */
	}
</style>


Target Sections

With these classes you can target the main section containers for each section. This is useful for adding backgrounds, section fonts, borders, and more.

<style>
	/* 
		Targeting Sections 
	*/
	/* Book Section */
	.page-wrapper .section-book {
		/* Styles Here */
	}
	/* Video Section */
	.page-wrapper .section-video {
		/* Styles Here */
	}
	/* About Section */
	.page-wrapper .section-about  {
		/* Styles Here */
	}
	/* Purchase Section */
	.page-wrapper .section-purchase {
		/* Styles Here */
	}
	/* Endorsement Section */
	.page-wrapper .section-endorsement {
		/* Styles Here */
	}
	/* Email Section */
	.page-wrapper .section-email  {
		/* Styles Here */
	}
	/* Share Section */
	.page-wrapper .section-share {
		/* Styles Here */
	}
	/* Author Section */
	.page-wrapper .section-author {
		/* Styles Here */
	}
</style>


More Coming Soon. 

Still need help? Contact Us Contact Us