Centering and equally spacing modules in Top Header

[kingsinnersoul]

Hello Team,

I have installed and configured 4 modules to be in the Top Header hook. Each module is dynamic and it can have varying width. Currently I have them organized in the order I want them to be (in the Positions page). How can I have the right most module stay in the right most, the left most stay in the left - and the two modules in the middle to equally space out and center between the two side modules?

 

I would really appreciate any code examples.

 

Thank you.

[vekia]

you probably have to edit the module .tpl files and css styles.

what modules you replaced to top? It's a default template? what ps version?

[kingsinnersoul]

Hey,

I am using PS 1.5.4.1. Not default theme.

I have languages, currencies, social, and search modules in the top header. The two side modules are easily set with float left and right. But the center ones are the ones I was trying to equally space and center.

Thanks

[vekia]

hey

 

You said that you use non default theme.. so unfortunately without url to your website we cant help

it's because you havent got there default code and it's hard to say what you have to change.

[kingsinnersoul]

If you can suggest a code based on the default theme, I will be able to work something out from that example/suggestion. Also, I am sure that there are people out there that could use an answer about the default theme.

 

Thanks

[vekia]

all you have to do is modify the .tpl files of modules you want to transplant to the header section.

 

add additional <div> box for each .tpl file,

you have to add to the <div> styles with:

 

display:inline-block;
float:left;
width:100px;

 

width - it isn't necessary but i added it as an example

 

what i mean by all of this?

 

<div style="display:inline-block; float:left">
MODULE 1 TPL CONTENT
</div>

 

<div style="display:inline-block; float:left">
MODULE 2 TPL CONTENT
</div>

 

<div style="display:inline-block; float:left">
MODULE 3 TPL CONTENT
</div>

[kingsinnersoul]

Thank you