[YorGo67]

Hello everyone,

I’ve learned so much from reading all of these great threads, so thanks to all of you for that in advance.  I appreciate it.

I’ve managed to change the logo to what I want it to be. I got that. I also, managed to remove the search box in the header area and have activated the social media icons. I got that.

My question is this: If I want to add a simple jpeg image (it doesn’t have to be clickable) in the space where the aforementioned search box existed, how would I do that?

 

 

Kind Regards,

yorgo

 



[Sakin]

@yorgo67: it will be best if you create the child theme and then edit the header.php . Just add the image under:

get_search_form();


Second option, you may try adding it custom css in your “Custom CSS” box in theme options. Where you can add image for search. If you want to try this one then send me your site URL and the image URL.

[pjmwilliams]

hi

I think this is linked I am looking to put a photo in the blank space next to the logo on my website

http://www.zoomeventsphotos.com

as the member above it does not need to be clickable just a jpeg

the url for the photo is

http://zoomeventsphotos.com/wp-content/uploads/2013/01/2013-01-22_0001.jpg

any ideas

Thanks in advance

Paul

[Sakin]

@pjmwilliams: This is really big image and I don’t understand how you are planning to add in. Can you send me the design of how you want to implement it.

[pjmwilliams]

@sakin: I was looking for something like this

http://zoomeventsphotos.com/wp-content/uploads/2013/01/ZoomWebsiteScreenshot.jpg

if I can’t do this is it possible to centre the logo? with the summary line underneath?

Thanks

Paul

[Sakin]

Hi Paul,

I just check in your screenshot of design in which you created the image with the size 338px width and 220px height. You can replace your site description with the image. You can add the following css in “Custom CSS” box in your Theme Options under Appearance Tab. Just change the Image URL with your image URL in the following css:

#site-details {
background: url("Image URL") no-repeat scroll 0 0 transparent;
height: 220px;
margin-left: 50px;
width: 338px;
}


[pjmwilliams]

Thank you

what would be the css if I wanted to just centre the logo with no picture?

Thanks for all your help

Paul

[Sakin]

Hi Paul,

I see that you are doing great adding in the image. If you want to hide the text in that image then edit the previous css and add the following

#site-details {
background: url("http://zoomeventsphotos.com/wp-content/uploads/2013/01/2013-01-22_00011.jpg") no-repeat scroll 0 0 transparent;
height: 220px;
margin-left: 50px;
text-indent: -99999px;
width: 338px;
}


[Author]

Posts