Zen Cart Logo
Forums / Basic Configuration / sideboxes & background images help!

sideboxes & background images help!

Locked

Views: 2,070

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
24 Feb 2010, 1:59 PM
#1
charity04 avatar

charity04

New Zenner

Join Date:
Feb 2010
Posts:
40
Plugin Contributions:
0

sideboxes & background images help!

Hello everyone! I'd like to change my sideboxes font/colors etc as well as change or rename the content links in my information sidebox like shipping & returns to purchase guidelines. If this question was asked before, Please point me to correct direction.
I've spent couple of hours searching the threads but it seems like couldn't get any further.:dontgetit

Please bear with me. Im not so into with programming-understanding stuffs:(

Any suggestions will be much appreciated!!
many thanks in advance!

http://www.ocfashionlover.com/store

24 Feb 2010, 2:10 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: sideboxes & background images help!

For the second question:
**
https://www.zen-cart.com/tutorials/index.php?article=38
https://www.zen-cart.com/tutorials/index.php?article=39**

For the first, you need to install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various sideboxes.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.

For example, if you add this to your stylesheet:

#information {background-color:#ff0000;}

It will change the background color of that box to red.

24 Feb 2010, 2:27 PM
#3
charity04 avatar

charity04

New Zenner

Join Date:
Feb 2010
Posts:
40
Plugin Contributions:
0

Re: sideboxes & background images help!

Thanks for your advice! Im currently doing it now:clap:

24 Feb 2010, 3:11 PM
#4
charity04 avatar

charity04

New Zenner

Join Date:
Feb 2010
Posts:
40
Plugin Contributions:
0

Re: sideboxes & background images help!

I'm getting it just right! This is awesome :D I have another question though, my styling is a bit messy. It's because of the right sidebox. Earlier, I have changed the body width to !00% so that the template im using will fit any browser. However, the right box seems awful because it isn't aligned with the header. Any advice for me?

Many thanks in advance!:clap:

http://www.ocfashionlover.com/store

24 Feb 2010, 7:51 PM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: sideboxes & background images help!

Hard to say. Your template "designer' has the whole site inside the headerWrapper, which is probably part of the problem, anyway.

When I change the #mainWrapper width to 980px, it looks better.

24 Feb 2010, 11:53 PM
#6
charity04 avatar

charity04

New Zenner

Join Date:
Feb 2010
Posts:
40
Plugin Contributions:
0

Re: sideboxes & background images help!

It did the job! it's looks better now than the 100% width yet not aligned!! thanks for helping! though im having problems with this left sidebox INFORMATION. I did what you told me to use developers kit and i did some changes i wanted. But when i clicked on like :
I changed this shipping & returns - about us but when i clicked this about us - it's still says at the upper corner that Shipping & returns.
Any advice for that? Maybe i forgotten to change something or what.please help!

many thanks:clap:

25 Feb 2010, 1:00 AM
#7
charity04 avatar

charity04

New Zenner

Join Date:
Feb 2010
Posts:
40
Plugin Contributions:
0

Re: sideboxes & background images help!

Hello Please disregard my previous question! i have found out already.:D However, i i still got one problem though..again. I have changed the content links inside my information-left sidebox to what i'll be needing in my online store. However, the search tab still showing the previous link that i have deleted. I don't know if im saying the right words to describe what im getting at. like this -

I clicked the PRIVACY NOTICE which i have modified in english.php but the search tab still saying this - http://ocfashionlover.com/store/index.php?main_page=shippinginfo

the shipping info at the end part still there. How will i going to change to the one i have created. Please help!!

Many thanks in advance!!

cheers,
charie

25 Feb 2010, 11:37 AM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: sideboxes & background images help!

You have my head spinning :blink: .

What was your shipping page is now the Privacy page.

What was privacy is now Purchase Guidelines.

What was conditions is now Payment Gateways and Shipping.

Why not move your shipping and payment info back to the Shipping page and change the link name back, and do the same for Privacy and make the Conditions page 'Purchase Guidelines?

25 Feb 2010, 12:14 PM
#9
alex804188 avatar

alex804188

New Zenner

Join Date:
Feb 2010
Posts:
6
Plugin Contributions:
0

Re: sideboxes & background images help!

hi there...
I need help to take a look on my webpage. I need help how to remove a box on top of information sideboxes which on top of privacy notice. many thanks:smile:

25 Feb 2010, 12:15 PM
#10
alex804188 avatar

alex804188

New Zenner

Join Date:
Feb 2010
Posts:
6
Plugin Contributions:
0

Re: sideboxes & background images help!

hi there..
sorry to include my webpage....https://www.ocfashionlover.com

cheers

25 Feb 2010, 12:33 PM
#11
charity04 avatar

charity04

New Zenner

Join Date:
Feb 2010
Posts:
40
Plugin Contributions:
0

Re: sideboxes & background images help!

stevesh:

You have my head spinning :blink: .

What was your shipping page is now the Privacy page.

What was privacy is now Purchase Guidelines.

What was conditions is now Payment Gateways and Shipping.

Why not move your shipping and payment info back to the Shipping page and change the link name back, and do the same for Privacy and make the Conditions page 'Purchase Guidelines?

Yes thanks for clearing that out and sorry for making your head spin. I have another question though, When im using this firefox browser, i don't see an unknown image on the upper side of the INFORMATION sidebox. But when im using this safari/IE i can see it and it looks awful Is there any way to delete the unknown image?

Please bear with my lack of knowledge. Thanks so much!

25 Feb 2010, 12:37 PM
#12
alex804188 avatar

alex804188

New Zenner

Join Date:
Feb 2010
Posts:
6
Plugin Contributions:
0

Re: sideboxes & background images help!

hi there..
need help....there is a image of information. the word of information not visible...please help how to resolve it???

site: https://www.ocfashionlover.com

thanks in advance