Display logo image using CSS (not the site logo feature)
-
In the Lovecraft theme, the logo image is small (300×300). I want to display my logo image at the top of the page using CSS and not the site logo feature. Can anyone help me code that?
The blog I need help with is: (visible only to logged in users)
-
Hi, have you uploaded the image to your image library yet? If so, can we have a link to it so that we can see what we can do for you on this? Also, let us know where you want the logo placed.
-
Thanks for responding.
The link to the image is here:
https://ladypartsblog.files.wordpress.com/2016/03/screen-shot-2016-03-31-at-9-33-16-am.pngI would like the logo placed at the top where the site title is currently (Replace the “Dr. Sara Twogood’s LadyParts Blog” wording with the logo). Thank you.
-
Hi there, add the following custom CSS to hide the site title text and insert your image.
.site-title a, .site-title a:hover { color: rgba(0, 0, 0, 0); } .site-title { background: url("https://ladypartsblog.files.wordpress.com/2016/03/screen-shot-2016-03-31-at-9-33-16-am.png") no-repeat scroll center 30px; min-height: 81px !important; } -
-
- The topic ‘Display logo image using CSS (not the site logo feature)’ is closed to new replies.