x affiliate css
 

So I'm trying to change the css for the affiliate.
I notice that it calls:
<link rel="stylesheet" href="{$SkinDir}/skin1.css" />

So in the affiliate page I found this in webmaster mode.
<td class="VertMenuLeftColumn">

Good. It gave me a place to start looking in the css.

But it tells me to look here:
.VertMenuLeftColumn {
VERTICAL-ALIGN: top;
PADDING-LEFT: 6px;
PADDING-RIGHT: 20px;
}

:oops:

Re: x affiliate css
 

I have another question. there isn't a way to change the css from webmaster mode?

Re: x affiliate css
 

Be careful, it looks like the class is shared with the customer side, so whatever you edit will show in both places.

And yes, it would be nice to edit CSS in Webmaster mode.

Re: x affiliate css
 

That exactly what I'm trying to do!! I want to use the same template that the main site is using!! I'm just trying to change the colors.


=====edit=====

I think i figured it out.. I just change the css to what I have on my home page: <link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}" />
its no longer skin1.css. But.. where the heck is CSSFILE? I figured i'd just make my own classes.. seems easier.. but now I need to know where this css file is.

Re: x affiliate css
 

If you call the same stylesheet as the main site, it should bring in all the same colors...

Re: x affiliate css
 

<link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}" />

That's what that is. I got that from /customer/home.tpl

I'm using the default skin that ships with x-cart.

http://www.discountprintingnetwork.com/partner/

So I found what to change to turn those blue.
VertMenuTitle
VertMenuBorder

But no where in /customer/home.tpl does it define VertMenuTitle & VertMenuBorder. I made a new class with the colors I want but now I dont know where to tell it to look. Any help?!

Re: x affiliate css
 

yeah im stuck..

Re: x affiliate css
 

VertMenu is called from menu.tpl.

Re: x affiliate css
 

Thank you. I think I'm getting this. :D

Re: x affiliate css
 

What about the font inside the menu.tpl.
http://www.discountprintingnetwork.com/partner/home.php

I need:
bottom.tpl and location.tpl to be a blue strip. Then the font in the menu to be white.

Re: x affiliate css
 

For the font inside the menu box try adding to skin1_c.css...

.PartnerMenuBox .VertMenuItems {
COLOR: #FFF;
}
.PartnerMenuBox A.VertMenuItems:link {
COLOR: #FFF;
}

Re: x affiliate css
 

The footer and breadcrumb do not appear to be separate from the front end.

Re: x affiliate css
 

Yeah, I figured it will be easier to make my own css file.. but OK. great.
So a button is messed up. for example if you register.. you see the orange submit? It has a outline thats orange and blue text.. how do I fix that to be orange?

http://discountprintingnetwork.com/partner/

Re: x affiliate css
 

Also.. I never thanked you guys for helping me out. I really do appreciate it.

Re: x affiliate css
 

yeah i'm unable to fix that orange button. any suggestions?!?!

Re: x affiliate css
 

hi again l0st,

if main.css is a different style sheet to the rest of the site then these two classes, which are already present, will change the submit button's colours...

for background which is currently set at...
td.Button { background-color:#FFFFFF; }

and for font colour...
font.Button { color:#053D90; }

Re: x affiliate css
 

And also, to get the Authentication & Help boxes aligned to the top add...

.loginMenu {
vertical-align:top;
}

as at present, say in Firefox, it is setting to default by being vertically-middle in the left column

Re: x affiliate css
 

great! I got that taken care of! :D Also I cannot figure out whats going on with the navigation bar.
Main page :: Profile details

Main Page is all white.. I think I went overbord on the white..

Also I'm going to need to play a video here on this page.. any suggestions? *its going to need to be next to the picture with a blue boarder.*

Re: x affiliate css
 

Add for breadcrumbs...

A.NavigationPath {
color:#FF0000; /* colour red links */
}

FONT.NavigationPath {
color:#FF00FF; /* colour pinky non-linked text */
}

Re: x affiliate css
 

Your great! kudos for you!