This topic contains 3 replies, has 2 voices, and was last updated by 
- Posts
I am using Pro Version. Step 3 has been tried. URL is http:\\voicemarkstudios.com/ . I am using 3.5.1. I am also using Windows 7pro, Google Chrome Version 29.0.1547.66 m.
I want to add a jpeg logo to the left of the ” VoiceMark Studios… Your Voice, your TradeMark title. 1. how do you do that 2. how do I get it in a size to match the area. When I add the logo… its to big in size and cuts off the “VoiceMark Studios” part. logo is currently square in size and would fit perfectly on the left of the V and Y.
Please Help,
Mark
– Please share any details that may be needed in order to recreate the issue for our review
Sure, this should be fairly straightforward with CSS.
What’s the URL of the logo image please?
Sorry about the delay in response…
The URL is as follows:http://voicemarkstudios.com/wp-content/uploads/2014/01/Voice-Mark-finished.png
1. The image is massive, so size it down to say 300px wide for web use.
2. Since you want the logo and the text title, we’ll need to edit header.php. You’ll want to copy it over to a child theme to make the alterations:
https://startupwp.com/topic/child-theming/
3. Just under
<div id="site-title">in header.php, add:<a href="http://voicemarkstudios.com/" id="logo-icon"><img src="http://voicemarkstudios.com/wp-content/uploads/2014/01/Voice-Mark-finished.png" alt="VoiceMark Studios" /></a>4. Add the following CSS:
#logo-icon{height:54px;margin-right:10px;float:left}
You must be logged in to reply to this topic.