Header image

Category: Opencart

simonbk
284 Points
Asked:
2013-02-11 11:20 am EST

Hits: 380
heartlandpetbeds.com

I have had goo luck changing the clor of my header to experiment with different looks but no luck at all adding images to my header. As far as I can tell I am doing it correctly but with no result.

Here is myt most recent attempt:

/* Header */
#header{padding-bottom:7px;border-bottom:3px solid #00008B;margin-bottom:7px; background-image: url (http://www.officetime.net/blog/wp-content/uploads/2011/09/Dog-Sleeping.jpg)no-repeat top center;}

You must login before you can ask a follow up question.

You must login before you can submit an answer.

OTHER ANSWERS

0

Scott
Staff
19,433 Points
2013-02-11 12:14 pm EST
Hello simonbk,

Your syntax was nearly there. There were a couple of things that were keeping it from displaying. The first is the space between 'url' and the openeing '('. This caused a disconnection in the code and the url was not being referenced. The second were the commands after the image 'no-repeat top center'. Their presence was also causing the image value to be invalid.

Switch what you have with this line of code for it to function:
url(http://www.officetime.net/blog/wp-content/uploads/2011/09/Dog-Sleeping.jpg);

That being said, the image is quite large (2MB and 3008px x 2000px) so only the top portion of the image will display. That, and since it is linked directly to another site, you are at their mercy if they remove, change the image name, or even use another image with the same name in its place. It is best if you can get an image onto your server, then you can resize it so that it appears correctly and is optimized for speed by being a smaller file size overall.

Best Regards,
Scott M

You must login before you can post a comment about this answer.

Like this Question?

Related Articles

It looks like there are no related articles.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!