Add logo image to header section

  • Hi

    I want to add the business logo .png above the text give100 – get100, but the template does not facilitate this.

    I only have basic experience with PHP, but I have searched extensively through the for theme files in the back end and I cannot figure out where to add the necessary code.

    Can someone help me or point me in the right direction please?

    The page I need help with: [log in to see the link]

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

  • We can add image in using CSS pseudo elements.

    First, upload the logo into your WP system and then get the url to use in this code below. Adjust width and height appropriately, but please note that this code is just for small size logo so it doesn’t have media query for small and big screen (just one set of code fits all). If you were to use big size logo, you need to write up media query for separate screen size.

    
.home.blog .entry-header h1:before {
	content:url("https://via.placeholder.com/150x150/fff.png");
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto 36px;
}

    Use the code in Appearance > Customize > Additional CSS

    Thread Starter adrwebsol

    (@adrwebsol)

    That’s done it, thanks very much!

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