Viewing 4 replies - 1 through 4 (of 4 total)
  • it might be as simple as putting the image just before the div .right in header.php:

    <img src="https://www.holidayroad.net/images/hr_logo_100.png"/>
    					<div class="right">

    and then adjusting style.css a bit to make space between the .left and .right divs, plus optional formatting for the image, using margins.

    #header .left {
    		width: 40%;
    	}
    
    	#header .right {
    		width: 40%;
    		padding-top: 40px;
    	}
    
    #header img { margin: 0px 0px 10px 20px; }
    Thread Starter aengus01

    (@aengus01)

    Thank you very much alchymyth!

    I put those changes in, and its a great start.

    https://www.holidayroad.net/wordpress

    2 things if possible

    1, Is it difficult to move it to the left side of the blog title rather than the right side?

    2, (Maybe irrelevant if there is an easy change to make the first thing happen) when you mouse over the title, there is a mouseover action that causes a graphic issue. I have tried changing

    #header img { margin: 0px 0px 10px 20px; }

    to increase the 20px up as high as 100px which did keep moving over more but never fixed the abnormality

    Thank you again. I do appreciate the assistance, I’m not very good at this but trying.

    yes, my bad – i didn’t read your question carefully enough –
    move the image code to before the .left div:

    <div id="header">
    				<div class="box"><img src="https://www.holidayroad.net/images/hr_logo_100.png">
    					<div class="left">

    and adapt the style.css (float:left; and different margins):
    #header img { margin: 0px 20px 10px 0px; float:left; }

    i probably made the following too narrow with 40% – try and increase it to 45% or more until the mouse over effect stops happening:

    #header .left {
    		width: 40%;
    	}

    Thread Starter aengus01

    (@aengus01)

    Thank you so much!!!!

    It’s exactly how I was hoping it would look.

    Thank you very much for your patience and making it so easy for a n00b like me.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘adding a logo into my theme’ is closed to new replies.