Skip to content

Instantly share code, notes, and snippets.

@MGCodeSnips
Created April 21, 2016 10:44
Show Gist options
  • Save MGCodeSnips/d4d99148b2976286540c5cfcb98e7b96 to your computer and use it in GitHub Desktop.
Save MGCodeSnips/d4d99148b2976286540c5cfcb98e7b96 to your computer and use it in GitHub Desktop.
Code form most scrolling banners on ekm
<style type="text/css">
.text-box-container {
position: relative;
}
.top-text {
position: absolute;
top: 90px;
right: 100px; /* change the to left if you want the text to the left */
}
.top-text h1{
font-size: 40px;
color: #000; /* change to the colour you want */
}
.top-text h2{
font-size: 25px;
}
.top-text p{
font-size: 12px;
}
</style>
<div class="text-box-container">
<img alt="" src="/banner1.png" style="width: 980px; height: 400px;" />
<div class="top-text">
<h1>tag line here</h1>
<h2>bottom tag line here</h2>
<!-- <p>bottom tag line here blar blar<p> --> <!-- optionsla --->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment