Editing the css file for a shopsite gift certificate templat

General ShopSite user discussion

Editing the css file for a shopsite gift certificate templat

Postby avalonwine » Sat Nov 04, 2006 3:40 pm

I am building my own gift certificate pages using a combination of a shopsite gc template and my own modifications.

I need to edit the css file classy_gc_styles.css for the template called "Classy Theme Gift Certificate Template".

Anyone know how to do this? The css file is really long and the span tags are all over the shopsite source code, so I don't want to strip out all the span tags and try to rebuild my own css. If I could get at that css file and change it, I could fairly quickly make a nice looking page.

The "classy" template at its most basic creates this:

http://www.northwest-wine.com/cgi-north ... &cert=gift

You can see why I want to get at the css- see how the text is white and the background light yellow in the left and right boxes? Totally unreadable.

Thanks to anyone who can help.

Jean Yates
avalonwine
 
Posts: 9
Joined: Sat Nov 04, 2006 3:33 pm
Location: Oregon

Postby websitewerx » Sat Nov 04, 2006 8:22 pm

You could add CSS to the "Text at the top of the screen" section of the Gift Certificate page. The CSS here would over-ride the template CSS, where the declarations point to the same element.

Another option would be to:

1) copy the ShopSite Gift Certificate template by going to Merchandising -> Custom Templates, and under "Gift Certficate Templates", go to "Copy ShopSite Template". Choose "classy_gc_template.sst", and enter a (different) name for the new file.

2) Do the same for "classy_gc_styles.css", in the Includes section of the Custom Templates page.

3) Update the newly copied CSS as desired

4) Modify the newly copied Gift Certificate template to point to the newly copied CSS file. Look for:
Code: Select all
   <style type="text/css"> <!--
      [-- INCLUDE classy_gc_styles.css PROCESS --]
   -->
   </style>

It is in more than once place. In each instance, replace "classy_gc_styles.css" with the filename of your newly copied CSS include file.

5) In Merchandising -> Gift Certificates -> Configure, change the Gift Certificate template to your newly copied template

6) Repeat step 3 as needed. :)
websitewerx
 
Posts: 11
Joined: Tue Aug 29, 2006 10:10 am
Location: Denver, CO

thanks!

Postby avalonwine » Sun Nov 05, 2006 5:56 am

Thanks so much- I copied the include file and will use it as my new css file, subbing its name as you suggested.

I really appreciate your help- please let me know if I can ever return the favor.

Jean
avalonwine
 
Posts: 9
Joined: Sat Nov 04, 2006 3:33 pm
Location: Oregon


Return to User Forum

Who is online

Users browsing this forum: No registered users and 134 guests

cron