add text to header

  • I use the Quark theme and I am trying to add text next to my logo toward the top of the header. I have used my firebug in firefox but when I change any part the logo moves to the right, or it moves to the middle of the header. I would post in my theme’s support forum but since it is a free theme I have not had much success with getting replies to questions.

    The website is revolutionhtx.com

Viewing 1 replies (of 1 total)
  • Dee Teal

    (@thewebprincess)

    The logo isn’t a background image it’s a block element, so if you’re putting any other code in that div will need to move around that. If it were me I’d be putting my new content in a new div and tweaking the CSS to make the new div work around the Logo. Here’s a working example.

    <div class="col grid_12_of_12 site-title">
				<h1 style="
    width: auto;
"><a href="https://revolutionhtx.com/" title="Revolution Church" rel="home">
                                  							<img src="https://revolutionhtx.com/wp-content/uploads/2014/10/motto-logo1.png" height="155"80"" width="380"300"" alt="">

											</a>
<div class="new-header-block"><h3>This is my new text</h3></div></h1>
			</div>

//This is what's in the css
.new-header-block {
display: inline-block;
position: absolute;
margin-left: 5%;
top: 50%;
}

    Here’s a link to what this looks like Image in Evernonte

Viewing 1 replies (of 1 total)
  • The topic ‘add text to header’ is closed to new replies.