Sidebox customization help please

[integrity_designs]

I have the latest version of Zen Cart installed.

I have managed to place the header image and image on the bottom of the sideboxes, but i can not, for the life of me, work out how to get the patterened image all around for the border of the sideboxes.
Can anyone help me out with this please?

Also, I would like to know how to remove the [more] from the shopping cart header?

Images attached....







Thank-you in advance
Kind Regards

[integrity_designs]

anyone please?

Kind Regards

[gjh42]

You have the bottom image correctly placed as a background-image for .leftBoxContainer, .rightBoxContainer {}, so now all you need to do is let it show for the full box height.
Delete

background-repeat: repeat-x;

and the background will repeat to fill the container.

Then change the padding in .sideboxContent {} to

padding: 0.4em 0;
margin: 0 0.4em;


For the [more], that is defined in a language file, and you can change the definition from '[more]' to '' (two single quotes). Find the file and line number to edit by pasting [more] in Tools > Developers Toolkit, bottom left box, select all files and search.

It appears you have done the heading replacement by manually editing every sidebox file or definition.The easier way to do this would be to use the Image Titles mod, which also automatically eliminates the [more] for any sidebox with an image heading, without requiring any manual code changes.

[integrity_designs]

You have the bottom image correctly placed as a background-image for .leftBoxContainer, .rightBoxContainer {}, so now all you need to do is let it show for the full box height.
Delete

background-repeat: repeat-x;

and the background will repeat to fill the container.

Then change the padding in .sideboxContent {} to

padding: 0.4em 0;
margin: 0 0.4em;


For the [more], that is defined in a language file, and you can change the definition from '[more]' to '' (two single quotes). Find the file and line number to edit by pasting [more] in Tools > Developers Toolkit, bottom left box, select all files and search.

It appears you have done the heading replacement by manually editing every sidebox file or definition.The easier way to do this would be to use the Image Titles mod, which also automatically eliminates the [more] for any sidebox with an image heading, without requiring any manual code changes.

Thanks for your help. I greatly appreciate it.

With the sidebox headings, I followed the instructions from the FAQ tutorial page about placing the heading images. I had no idea there was a mod for this.
Thanks once again.
Kind Regards

[integrity_designs]

I tried to install the Image Titles mod you mentioned but I couldn't get it to work for the new sidebox I have (PayPal Logo Verified).

I am trying to get the image header to appear for the PayPal Verified.
I ended up removing all the files from the mod and having to re-install the PayPal Logo mod because it messed up the heading box etc.

I have more to do but I am wondering if it is worth it???? Or should I SOMEHOW resort back to no header image for sideboxes (which I would rather not).

Any suggestions?

Thank-you in adbance
Kind Regards

[gjh42]

I can't make suggestions when I don't know what went wrong in using Image Titles. It doesn't change files that an individual sidebox should be using; can you post the list of files associated with the Paypal Verified sidebox?

There is a support thread for Image Titles which is the place to ask and get help if something is not working for you.

[sw09]

I am a newbie. I am using the sunflower template. I want to change the left categories sidebox design similar to the horizontal drop down menu but I want it the expanding type instead of slide or flyout.
I am not an expert in php, css. I try to edit the css and play around with it but not success. There are 2 files. Stylesheet.css and stylesheet_cssboxes.css. Which file should I edit. Can someone pls help.

My site bruneipartyshop.com