ThemeBurn Support › Forums › OpenCart Themes › Shoppica OpenCart Theme › Change the header (adding images to the header)
This topic has been marked as not resolved.
When using attached file 2 as my logo It makes a big white space (see file 1). How can i make the space smaller? Or is is possible to put 3 images, that link to a other page, in my header. Now i’ve just included the images in my logo file. The best thing for me is to just add 3 images next to my logo (instead of using the same file). And if those images are linked to different pages. You would do me a great favour when helping me! |
|
January 8, 2013 at 4:09 pm #16915
|
|
Hello, To get this image in good position, I think to do :
now change the margin code like this (for example): margin: 30px 10px -10px 0;
you get like the attached file; but note that the link in the imge is the same for the logo. The better is to use two image one for the logo and the seconde image for three links. Hope this help you. Sam |
|
January 10, 2013 at 11:22 am #16987
|
|
Hi again; To get the header like the attache image do:
To reduce a space edit these code (in screen.css) :
chage it to:
and find this:
change it like :
for the links open ravara_header.xml and edit like : Hope this help you Sam |
|
January 10, 2013 at 12:35 pm #16992
|
|
Sam, you are my hero! Thanks for your time and support! I’ve just did all the steps like you said in your seccond post, but without any (visable) results. - i’ve put the code you have send underneath the tab ***** L A Y O U T ****** in the screen.css file. Don’t know if it matters where the code exactly is placed? Also tried your suggestion from post 1, only had a problem with the allignment of the searchbar, but this doesn’t matter anymore. Your seccond post is the best solution and the one i’m looking for. Hope you can help me further with this one! Attached is a image from how i hope to get it. Notice: i’m using the latest version of Shoppica: Shoppica2 Hope you can help me with this, Thanks in advance Sam! |
|
January 11, 2013 at 5:02 am #17012
|
|
Hello; Sorry but I have make the change and the xml file for Shoppica1. So; for Shoppica2 do this : - upload image_links.png in the zip file to:
add this code :
To reduce a space edit these code (in screen.css) :
chage it to:
and find this:
change it like :
For the links open ravara_header.xml and edit like : from: <a href="http://www.rovara.nl/" title="GRATIS VERZENDING" id="link_1"></a> to: <a href="YOUR LINK" title="VEILIG & SNELBETALEN" id="link_2"></a>
Hope this help you this time. Sam |
|
January 11, 2013 at 11:18 am #17021
|
|
Hello Sam, again thanks for your great support.Sorry for the late reply, i was very busy studying for my exams. I have managed to fix it, but the images only show in Mozilla FireFox. Not in Safari, Google Chrome and IE. Any ideas on how to fix this? The images are still on the same position, have not changed this, i’m changing this after it shows op in every browser. Thanks again for you great support. And hope to hear from you! Kevin |
|
January 14, 2013 at 8:17 pm #17139
|
|
Hello; You are welcome; Sorry for that, but I have tested the code in chrome, firefox, and Ie9 (not safari), it works fine, Send me this file by email: Regards |
|
January 14, 2013 at 9:15 pm #17141
|
- You must be logged in to reply to this topic.