[solved] floating header_right above img.logo

[john.mcdowell]

Hello,

 

I would like to make header_right float above img.logo as per attached pictures.

 

link to site - http://www.purepetshop.com.au/shop/

[tdr170]

First go to themes/purepetshop1.0/ css and edit the global .css file find the heading #header_right and add this:

 

float:right ;

margin-top: -100px ; (be sure to add semicolon at end of line above where you add this)

margin-right: 10px ;

 

Now you will need to change the text color,

go to themes/purepetshop1.0/ css/ modules/ blockpermanentlinks/ and edit blockpermanentlinks.css

find this heading #header_links a and add

 

color:yellow ; (or your color choice) (remember to add semicolon to line above)

 

Now you need to change the rest of the text colors go to

themes/purepetshop1.0/ css/ modules/ blockuserinfo/ and edit blockuserinfo.css

find the heading #header_user_info and add

 

color:yellow ; (remember the semicolon to line above)

 

Now same file find the heading #header_user_info A. login and A. logout and add (to each)

 

color:yellow ; (mem simi colon above)

[john.mcdowell]

First go to themes/purepetshop1.0/ css and edit the global .css file find the heading #header_right and add this:

 

float:right ;

margin-top: -100px ; (be sure to add semicolon at end of line above where you add this)

margin-right: 10px ;

 

Now you will need to change the text color,

go to themes/purepetshop1.0/ css/ modules/ blockpermanentlinks/ and edit blockpermanentlinks.css

find this heading #header_links a and add

 

color:yellow ; (or your color choice) (remember to add semicolon to line above)

 

Now you need to change the rest of the text colors go to

themes/purepetshop1.0/ css/ modules/ blockuserinfo/ and edit blockuserinfo.css

find the heading #header_user_info and add

 

color:yellow ; (remember the semicolon to line above)

 

Now same file find the heading #header_user_info A. login and A. logout and add (to each)

 

color:yellow ; (mem simi colon above)

 

thankyou.. I settled on orange / bold #header_links a {color: #F60; font-weight:bold;

 

I also edit modules/blockuserinfo/blockuserinfo.css for welcome and login (if anyone else is doing this)

 

It is probably a separate question but can you please assist with moving the menu bar to not have a gap between the logo ? (as per attached)

[john.mcdowell]

still looking for this if anyone can help please ?

[tdr170]

Link above not working can not enter site, need active site to help.

[john.mcdowell]

Link above not working can not enter site, need active site to help.

 

sorry here is the link

[tdr170]

Here are the changes needed.

Go to modules/blocktopmenu/css/ and edit superfish-modified.css find the heading .sf-menu and change

 

margin: 10px 0px

to

margin: -3px 0px

 

It looks as though your header logo is 972px wide it needs to be 980px wide to line up with the rest of page.

[john.mcdowell]

Here are the changes needed.

Go to modules/blocktopmenu/css/ and edit superfish-modified.css find the heading .sf-menu and change

 

margin: 10px 0px

to

margin: -3px 0px

 

It looks as though your header logo is 972px wide it needs to be 980px wide to line up with the rest of page.

 

Thankyou