X-Cart forums

[Vacman]

http://www.vacsew.com/cart/home.php

1. Note the logo - I need it to be that size, but obviously I am having trouble making that top rectangle large enough to accommodate the logo.

2. Notice the poorly written text just to the right of the category menu. This is injected via the Special Offers section in Admin. I want that text to be centered in the middle of that section.

In both cases I have played around with the .css files, but can't figure out where or how to fix these issues.

[ARW VISIONS]

fire bug is excellent for this.

For the logo fintd this

#header - change height

#header .line1 - change height

#content-container - change top margin

[Vacman]

Originally Posted by Ashley

fire bug is excellent for this.

For the logo fintd this

#header - change height

#header .line1 - change height

#content-container - change top margin

Is this in a tpl or .css file. I have Firebug, but I admit I haven't had time to really get to know it.

[Vacman]

Update - I figured out how to move the search bar:

/skin.main.css

#header .line1 {
position: relative;
height: 200px;
direction: ltr;
}
#header .line1 .logo {
padding-top: 10px;
margin-left: 10px;
width: 203px;
}

But how do I move the other containers down?

[ARW VISIONS]

#content-container - change top margin

[Vacman]

Originally Posted by Ashley

#content-container - change top margin

Sweet - Here I was looking right at that earlier as well. Would have helped if the .css files were a tad better commented...

Thanks!

Ok - Now the center section where I have the text about the fact that the system is still broken.... All the text is crammed over on the left, but when I look at it in the Special Offers editor (including in the wysiwyg mode), it looks fine.

Could this be happening because I selected the 3-column layout when I uploaded this skin? I can't figure out how to get this text to center in the middle of the page (as shown here on our old site - www.vacsew.com).

[ARW VISIONS]

find this

.offers-short-list {
margin-bottom:10px;
margin-top:15px;
text-align:left;


}

and try this

.offers-short-list {
margin-bottom:10px;
margin-top:15px;
text-align:right;


}

[Vacman]

That code is not in the main.css or in the altskin.css

Any clues?

[ARW VISIONS]

firebug says its in main.css

[Vacman]

Hmm - The only place I find it in the main.css file is under:

/*
Admin preview layout
*/
.admin-preview #header,
.admin-preview #footer,
.admin-preview #left-bar,
.admin-preview #right-bar,
.admin-preview #location,
.admin-preview .offers-short-list,
.admin-preview .creviews-dialog,
.admin-preview .send2friend-dialog