Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

logo spacing. move search box. left col spacing.  (website image included)
 
avintel
Sr. Member
 
Total Posts:  147
Joined:  2008-05-15
Southern California
 

logo spacing: i would like to remove the spacing above the logo.  i created the logo to go the full length of the site because on diff browswers some categories were on same horiz level. 

search field: i would like to move search into same box as the myaccount, checkout, etc. but on left side.  i will also need to change font color and remove the box that the search was in.

left col spacing: the cart contents, etc. are right up against the products but have a space to the left.  how do i make a small space on both sides?

Image Attachments
website-notes.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
avintel
Sr. Member
 
Total Posts:  147
Joined:  2008-05-15
Southern California
 

thread bump

 
Magento Community Magento Community
Magento Community
Magento Community
 
avintel
Sr. Member
 
Total Posts:  147
Joined:  2008-05-15
Southern California
 

does anyone know how to change the spacing above the logo?

and the spacing of the left column content blocks

 
Magento Community Magento Community
Magento Community
Magento Community
 
njwood60
Jr. Member
 
Total Posts:  25
Joined:  2008-09-16
 

Hi

to remove margin above logo:

option 1:

in skin\frontend\default\default\css\boxes.css

change
h1#logo

margin:3px 0 10px 12px;
to
margin:0px 0 10px 12px;

Not sure if this removes all the top space

Option 2: (this is how my site is coded)

in
app…\template\page\html\header.phtml
change <h1 id=”logo”>to <div id=”logo”>
better for SEO not to use H1 for logo

in skin\frontend\default\default\css\boxes.css

Create a new div for the logo:

#logo {
float:left;
width:202px;
margin:0px 0 0px 17px;
}

Margins and width will depend on the actual logo size

Add this code: (for firefox browser)
#logo img{
display: block;
}

Sorry for shorthand code, but a bit busy at the moment

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top