estorenow template - modify header

15 Mar 2011, 15:18

#1

New Zenner

Join Date:: Jan 2011
Posts:: 9
Plugin Contributions:: 0

estorenow template - modify header

Hi All,

I try to modify banner possition in header. I encountered difficulty in placing banner next to the logo. The logo is 300px wide.

The question is how to put banner just after logo at posstion 301px
(counting from left to right)?

Br, Tomek

15 Mar 2011, 15:28

#2

haredo

Totally Zenned

Join Date:: Apr 2006
Posts:: 6,171
Plugin Contributions:: 0

Re: estorenow template - modify header

A link to your site please so I can view in Firefox with an add on Called Firebug, so I can use your stylesheet.css and control..

16 Mar 2011, 03:30

#3

haredo

Totally Zenned

Join Date:: Apr 2006
Posts:: 6,171
Plugin Contributions:: 0

Re: estorenow template - modify header

To,
Thanks for sending the url in a PM, I just got home from work..

Locate this:

includes/templates/estorenow/css/stylesheet.css

Find this:

#taglineWrapper {
float: right;
margin-right: 20px;
margin-top: 20px;
width: 495px;
}

the highlighted red font above is your fix..
change to: left

16 Mar 2011, 13:26

#4

tomwic

New Zenner

Join Date:: Jan 2011
Posts:: 9
Plugin Contributions:: 0

Re: estorenow template - modify header

Thanks a lot!

I changed to:

#taglineWrapper{
float:left;
width:495px;
margin-right:0px;
margin-top:0px;
}

the image actually shifted to the left but I have still the margin even set them up to 0.

Br, Tomek

16 Mar 2011, 14:15

#5

haredo

Totally Zenned

Join Date:: Apr 2006
Posts:: 6,171
Plugin Contributions:: 0

Re: estorenow template - modify header

T,
Locate this:

includes/templates/estorenow/css/stylesheet.css

Find this:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .centerBoxHeading,.rightBoxHeading, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .gvBal, .attribImg {
text-align: center;
}

delete out the highlighted red font above

Find this:

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

change the padding: 0.8em;
to this:
padding-top: 0.8em;

17 Mar 2011, 12:41

#6

tomwic

New Zenner

Join Date:: Jan 2011
Posts:: 9
Plugin Contributions:: 0

Re: estorenow template - modify header

Thank you!

17 Mar 2011, 14:26

#7

haredo

Totally Zenned

Join Date:: Apr 2006
Posts:: 6,171
Plugin Contributions:: 0

Re: estorenow template - modify header

You are most welcome,

Take time to download Firefox Moxilla which is a free tool and pick the add on called Firebug or Webdeveloper which you can edit your web site and when happy make the changes permanently to your likings..

15 Jun 2011, 19:36

#8

lion45

New Zenner

Join Date:: Jun 2011
Posts:: 1
Plugin Contributions:: 0

Re: estorenow template - modify header

Hi,

Could someone help me with this please I'm just trying to make the logo wider in the header. I'm fine with the position just need to change the height and weight to make it fit thanks.

Site:

http://www.closetfullofkicks.com

15 Jun 2011, 20:14

#9

dbltoe

Totally Zenned

Join Date:: Jan 2004
Posts:: 9,707
Plugin Contributions:: 6

Re: estorenow template - modify header

You are telling the site to use a 1,000px-wide image but the #logo call in the stylesheet says it has 956px to work in.
And the width of the site is set to 960px.

Changing #logo to width: 960px; will make everything fit, but that's not really going at it right if you don't change the size of the logo.png as well.

28 Aug 2011, 20:53

#10

tomwic

New Zenner

Join Date:: Jan 2011
Posts:: 9
Plugin Contributions:: 0

Re: estorenow template - modify header

Hello again,

For category we could assign picture and category description. That nice!

The layout of them is not quite OK beause description is always under category picture.

It could be nice to have category decription also on right side of the picture (like aligin="left").

Is it possible to change this behavior?

Br, Tomek