Logo and Special Offers alignment issues
 

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.

Re: Logo and Special Offers alignment issues
 

fire bug is excellent for this.

For the logo fintd this

#header - change height

#header .line1 - change height

#content-container - change top margin

Re: Logo and Special Offers alignment issues
 

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.

Re: Logo and Special Offers alignment issues
 

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?

Re: Logo and Special Offers alignment issues
 

#content-container - change top margin

Re: Logo and Special Offers alignment issues
 

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).

Re: Logo and Special Offers alignment issues
 

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;


}

Re: Logo and Special Offers alignment issues
 

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

Any clues?

Re: Logo and Special Offers alignment issues
 

firebug says its in main.css

Re: Logo and Special Offers alignment issues
 

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