Aligning header image left

  • Resolved Sarah

    (@sanfranista)


    12 years, 8 months ago

    Hello all! The blog in question is at sanfranista.me

    I used Paul’s custom CSS to remove the site title and replace it with a header image, but the tagline now shows up on the left with the header image on the right. How can I flip-flop them so that the image is on the left?

    Thanks very much!
    Sarah

Viewing 2 replies - 1 through 2 (of 2 total)
  • paulwpxp

    (@paulwp)

    12 years, 8 months ago

    There is a missing slash in the bg img path (in your Custom CSS now).

    Try this:

    Remove header widget, put in site description, and use this code instead.

    .site-title a {
	background-image: url("http://sanfranista.me/wp-content/uploads/2013/10/sutrosanfranistasmall1.png");
	display: inline-block;
	width: 400px; height: 102px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.site-description { text-indent: 5px; } /* because text in logo doesn't all the way to left */

@media screen and (max-width: 600px) {
	.site-title a { width: 260px; background-size: cover; height: 67px; }
	.site-description { font-size: 12px; text-indent:0; }
}
    Thread Starter Sarah

    (@sanfranista)

    12 years, 8 months ago

    That took care of it- thanks so much for your fast response!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Aligning header image left’ is closed to new replies.