Jump to content

Search box and header headache


Guest digilution

Recommended Posts

Guest digilution

I have searched and tried editing various files to solve a few simple problems but have not won :)

I added my new header and increased the size from 116 to 154 and need some advice how to:

1. move the search box down a line or two

2. change the colour of the (search for,welcome guest,login and register)

3. My header is not quiet right....header does not touch the surrounding box line to the right Sorted

4. Need to change the inside colour of the centre box to same colour as side boxes Sorted

This is my site

I have managed to change various boxes and fonts but the above is freaking me out now.

Thanks

Link to comment
Share on other sites

You'll find font colors for search and session in style.css. They are easy to find.

The color for the main box is in layout.css

.boxContent {

border-top: 1px solid #A8B4B0;

border-right: 1px solid #5E85CF;

border-bottom: 1px solid #5E85CF;

border-left: 1px solid #5E85CF;

padding: 3px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 75%;

color: #333333;

background-color: #FFFFFF;

margin-bottom: 5px;

And as for the header you can play around with padding and other controls in layout.css as well.

Link to comment
Share on other sites

Guest digilution

Roban thanks for the tips.

I have managed to sort out point 2 , 3 and 4 but am stumped on point 1. I have played around with padding right and padding top in the layout , but it does not move the search box down :)

Link to comment
Share on other sites

Guest digilution

I have searched and tried editing various files to solve a few simple problems but have not won ;)

I added my new header and increased the size from 116 to 154 and need some advice how to:

1. move the search box down a line or two

2. change the colour of the (search for,welcome guest,login and register)

3. My header is not quiet right....header does not touch the surrounding box line to the right Sorted

4. Need to change the inside colour of the centre box to same colour as side boxes Sorted

This is my site

I have managed to change various boxes and fonts but the above is freaking me out now.

Thanks

Please can some one assist, I have tried everything ;)

Link to comment
Share on other sites

Your session text is in style.css:

.txtSession {

font-family: Arial, Helvetica, sans-serif;

font-size: 95%;

color: #6B6B6B;

text-decoration: none;

}

a.txtSession {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color: #3366CC;

text-decoration: none;

}

a.txtSession:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color: #F9931D;

text-decoration: underline;

and your searchbox is here:

.searchBox {

background-color: #FFFFFF;

border: 1px solid #7F9DB9;

height: 14px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #0E51A3;

Link to comment
Share on other sites

  • 2 weeks later...
Guest digilution

Your session text is in style.css:

.txtSession {

font-family: Arial, Helvetica, sans-serif;

font-size: 95%;

color: #6B6B6B;

text-decoration: none;

}

a.txtSession {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color: #3366CC;

text-decoration: none;

}

a.txtSession:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color: #F9931D;

text-decoration: underline;

and your searchbox is here:

.searchBox {

background-color: #FFFFFF;

border: 1px solid #7F9DB9;

height: 14px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #0E51A3;

I must be thick because I cannot move my search box down within my header!!!!!! Tried for weeks now :huh:

Please could someone advise here

Link to comment
Share on other sites

This one is a good one for some reason its not located in the css files :w00t: if you go to your skin folder and open style templates then the global folder you will need to open index.tpl and cart.tpl and do the change in both.

Look for the part that says

<divclass Topheader>

then you will see the {search} and { session} tags in there is the divs for the search box just adjust the padding variables etc to get it where u want it i think it set at 14px to start with but its just trial and error.

hope this helps :)

Link to comment
Share on other sites

Guest digilution

This one is a good one for some reason its not located in the css files :P if you go to your skin folder and open style templates then the global folder you will need to open index.tpl and cart.tpl and do the change in both.

Look for the part that says

<divclass Topheader>

then you will see the {search} and { session} tags in there is the divs for the search box just adjust the padding variables etc to get it where u want it i think it set at 14px to start with but its just trial and error.

hope this helps :)

Yes yes yes, sorted cheers Evilhomer :w00t:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...