Line 31: | Line 31: | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
color: white; | color: white; | ||
+ | } | ||
+ | |||
+ | .circle-text { | ||
+ | display: table-cell; | ||
+ | height: 200px; /*change this and the width | ||
+ | for the size of your initial circle*/ | ||
+ | width: 200px; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | border-radius: 50%; | ||
} | } | ||
Line 37: | Line 47: | ||
<div class="hero-image"> | <div class="hero-image"> | ||
<div class="hero-text"> | <div class="hero-text"> | ||
+ | <div class="circle-text"> | ||
<h1>Lab Notebook</h1> | <h1>Lab Notebook</h1> | ||
<p>And I'm a Photographer</p> | <p>And I'm a Photographer</p> | ||
− | + | </div> | |
</div> | </div> | ||
</div> | </div> |
Revision as of 02:27, 21 August 2017