Jump to content

Moving some modules to top of page and adding background color


Recommended Posts

Hi there,

 

Here is my site http://drunkenskunk.co.uk

 

I'm looking to move the 'Welcome [name]' and 'Social media' modules to the top of the page, pretty much exactly the same as this site http://www.kupatea.com/teastore/

 

After achieving that, I'd like to put a bar of solid colour behind them, that spans the whole width of the page like this example http://kumb.com

 

Please help, nothing I seem to do works!

 

Jamie.

Link to comment
Share on other sites

Thanks for your suggestion Vekia, and I will use it as it looks quite neat however I would still like for the 'Welcome [name] Login' text to be at the very top also. How can I do this?

 

Also, I'm having trouble moving them social media icons to the centre of the screen. How do I do this?

Edited by jamieianosborne (see edit history)
Link to comment
Share on other sites

Thanks for your suggestion Vekia, and I will use it as it looks quite neat however I would still like for the 'Welcome [name] Login' text to be at the very top also. How can I do this?

 

Also, I'm having trouble moving them social media icons to the centre of the screen. How do I do this?

 

 

to move social media icons

create somewhere in global.css file this code:

#social {position:absolute; left:500px;}

and regarding to the welcome [name]... in this case it will be necessary to modify the blockuserinfo module template file a bit :(

Link to comment
Share on other sites

Ah thats worked a treat! Social media buttons exactly where I want them now. Thanks for your advice on that one Vekia!

 

In terms of editing the tpl file, I'm not 100% sure what needs to be done but now I've looked at it I think I will leave it as it if someone does not come along and advise me of doing the whole shibang, solid bar an' all.

 

Thanks for your input Vekia, always greatly appreciated.

Link to comment
Share on other sites

×
×
  • Create New...