Extra logo in header

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

    (@paulwp)

    8 years, 1 month ago

    There is no need to mess with php file, we can do that with CSS

    First, we just need to install a Custom CSS plugin, so read through them and pick one and install it
    https://wordpress.org/plugins/search.php?q=custom+css

    and then upload the png logo image to the site, just like we normally upload image into post but we don’t insert the image into post, we only need to get the image url to use in our CSS

    .blog-title a::before {
	background-image: url("http://dummyimage.com/100x100/0011ff/ffffff.png");
	content: "";
	width: 100px; height: 100px;
	display: inline-block;
	float: left;
	margin-right: 25px;

}

@media (max-width: 800px) {
  .blog-title a::before { float: none; margin: 0 auto 25px; display: block; }
}

    Just change the image url to our own.

    Thread Starter deschildred

    (@deschildred)

    8 years, 1 month ago

    That worked out great, thanks! 😀

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Extra logo in header’ is closed to new replies.