Surfs Up Template Support Tread

Hi maxy007,

To change the images for the box headings, you will need to do this from the stylesheet.css file in the template folder. The ones I have done are background images and from the looks of it the one you there is a main/forground image. I havent had a chance to look at your code properly but I think you may be adding the image in the sidebox file instead of the css file.

I will have some free time later and will take a look at it properly for you.

all the best

DB

Thank you so much!!
I'm looking at it now and I think I've got it. Only thing is there is too much space between the heading and the link.
From what I'm looking at i think it's the stylesheet headings file.
Will try and change a couple more and report back!!

Yayyyy!!!
It was the stylesheet headings.php file!!

Do you know how I'd add alt text to the other images?
I can see when I put my mouse over the Good to know heading it shows the text Good to Know.

none of the headings do it, and I can't find the file I need to add ALT TEXT: to

cheers,

Maxy

The headings are all background images, so I dont think there would be any ALT text for them.

The one you did is a forground image so it could have alt text no problem.

If you try and do what you did for the Good To Know heading on the other headings then that should solve your problem.

By the way, a friend of mine sells those vape ciggies, and he also started usign them 2 years ago and hasnt touched a real ciggy since. About to start using them myself, and with any luck be off the ciggies before long. :)

I don't know what I did because I created a new sidebox so it could be anywhere!!!

I haven't touched a "real" smoke in just under 6 months!!! These things are awesome.
As soon as I picked up my starter kit.. I never touched another ciggie. Bloody amazing for me!!

Good luck with it :D

I should say they all should be foreground images now??

Hi again DB,
I'd like to increase the size of the footer and add an image.
The image is w 173x H 225 pixels.

How do I change the height of the footer?

Cheers,\

Maxy

I am having a problem downloading the Surfs-up template. I download it and get the zip file but when I unzip it I cant get a single main file to upload to zencart. All I get is the internel files (Fonts Includes source sql licence and readme).
Any idea what I am doing wrong?
Thanks
DEAN

I just followed all of those instructions for installing Surf-Up but when I go to template selection it is still not there. Is there any way that I can get a complete file so that I can just upload it to templates like with most of the other templates and it just automatically show in template selecton?
I really like the look of this template and hope somebody can tell me what else I need to do
Thanks
DEAN

Hi thestampnomad,

You should be able to just upload it as any other template, and it should show in the Templates list in admin as normal.
Check that you have uploaded it to the proper locations.

DB

Hi! LOVE your template...and it works GREAT in 1.3.9h!
I need assistance creating new sidebox headings (i can make the image, just don't know how to put it where it needs to be and how to make it work.
For Example, if I create an "events" sidebox, I need the header to match the rest of the sight!

Do you have a tutorial on that?
Thanks!!!!

Hi kawikapoi,

There is a .psd template file for the sidebox headers in the /source folder.

If you don't have photoshop to edit the image, please let em know the heading of the side box and I will do it for you and send it to you.

To change the sidebox heading from the standard Zen Cart one, you will need to edit the custom sidebox so the id reads something like id="custom_sidebox_header".

Then go to the custom css /includes/templates/surfshop/css/stylesheet_headings.css

There you will see the cusom css for the other sideboxes. You will need to copy the css for another sidebox and use it to create a new style for your new sidebox.

Example:
This is the categories sidebox header

#categoriesHeading {
	background:#3184BD;
	color:transparent;
	background-image: url(../images/cathead.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 49px;
}

This could be a custom side box header for your events sidebox:

#eventsHeading {
	background:#3184BD;
	color:transparent;
	background-image: url(../images/eventhead.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 49px;
}

Actually, I have just created an Events sidebox header which you can download HERE

Hope that helps :)

DB

Yes! That helped a lot! It's so EASY!
Thank-you very much for your help!

dropbop:

Hi kawikapoi,

There is a .psd template file for the sidebox headers in the /source folder.

If you don't have photoshop to edit the image, please let em know the heading of the side box and I will do it for you and send it to you.

To change the sidebox heading from the standard Zen Cart one, you will need to edit the custom sidebox so the id reads something like id="custom_sidebox_header".

Then go to the custom css /includes/templates/surfshop/css/stylesheet_headings.css

There you will see the cusom css for the other sideboxes. You will need to copy the css for another sidebox and use it to create a new style for your new sidebox.

Example:
This is the categories sidebox header

#categoriesHeading {
background:#3184BD;
color:transparent;
background-image: url(../images/cathead.gif);
background-repeat:no-repeat;
background-position:top;
padding-top: 49px;
}

> 
> This could be a custom side box header for your events sidebox:
> 
> ```
#eventsHeading {
	background:#3184BD;
	color:transparent;
	background-image: url(../images/eventhead.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 49px;
}

Actually, I have just created an Events sidebox header which you can download HERE

Hope that helps :)

DB

Hi I know this is a bit of an old post but is this Events header still available?

thanks

chris