Style Sheet

General Information

Creating a custom look for your store is easy using the Style Sheet. And remember, you can change the design whenever you want, simply by using the following procedure to redesign your store.

How to Use the Screen

1. Access your Administrative Options screen and select Style Sheet from the Misc Admin section. If you have already created your store, you may still modify it by selecting the Style Sheet from the Misc Admin section.

2. In the Top Nav Style section, the following options can be configured:

3. • Top Nav Links - This is the top row that contains Home, About us, Account Login, Testimonials, Quick Order, Wish List, Privacy Policy , Contact Us and Faq.

   • 1. Font Color -   Choose the text color by entering the color value in this field or by using the pop-up color picker.   

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

     5. Link - Choose to have the link text Underline or No Underline.

     6. On Hover - Choose to have the link text Underline or No Underline when the mouse cursor hovers over the link.

   • Top Nav Text   - This second row from the top that contains SubTotal, Qty in Basket and Search.

   • 1. Font Color - Choose the text color, enter the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

   • Select the SAVE TOP NAV STYLE button to save the changes that you have made to your store.

   • Optionally, select Restore Dydacomp Top Nav Style Sheet to return the store to the default settings.

   • Optionally, select Preview to view a preview of this section.

4. In the Side Nav Style section, the following options can be configured:

5. • Side Nav Links - All other links in the side navigation besides the header text such as department names.

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

     5. Link - Choose to have the link text Underline or No Underline.

     6. On Hover - Choose to have the link text Underline or No Underline when the mouse cursor hovers over the link.

   • Side Nav Text   - Departments and Account Info.

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

   • Select the SAVE SIDE NAV STYLE button to save the changes that you have made to your store.

   • Optionally, select Restore Dydacomp Side Nav Style Sheet to return the store to the default settings.

   • Optionally, select Preview to view a preview of this section.

6. In the All Browsing Pages section, the following options can be configured:

7. • Page Title - All other links.

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

     5. Background Color - Choose the background color of all your browsing pages by entering the color value in this field or by using the pop-up color picker.

   • Table Header - Departments and Account Info.

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

     5. Background Color - Choose the background color of your table headers by entering the color value in this field or by using the pop-up color picker.

   • Alternating Row 1 Color - Choose the alternating row 1 color by entering the color value in this field or by using the pop-up color picker.

   • Alternating Row 2 Color - Choose the alternating row 2 color by entering the color value in this field or by using the pop-up color picker.

   • Active Links

   • 1. Font Color -   Choose the text color by entering the color value in this field or by using the pop-up color picker.   

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

     5. Link - Choose to have the link text Underline or No Underline.

   • Text

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

   • Product Title

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

   • Product Price

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

   • Comparative Price

   • 1. Font Color - Choose the text color by entering the color value in this field or by using the pop-up color picker.  

     2. Font Size - Choose the size for the font that you will be using.  

     3. Font  Face - Choose the font you wish to use (Arial, Times Roman, Courier, Veranda or specify your own font).   Note: If you specify your own font, a customer visiting your store will need to have that font installed; otherwise, the font will display in their default font for their browser.

     4. Font Weight - Choose to have the text Bold or Non Bold.

   • Select the SAVE SITE NAV STYLE button to save the changes that you have made to your store.

   • Optionally, select Restore Dydacomp Site Nav Style Sheet to return the store to the default settings.

   • Optionally, select Preview at the top of the page to view a preview of your store.