widgetise my themes header to allow for multilingual plugin WordPress
- SOLVED
Can someone widgetise right hand side of my header for me (http://universityadviceuk.com/)
Currently I have to have the language menu (flags) in the middle of the homepage so not ideal and I would prefer in the header.
I was told by my theme designer that "You can do do this fairly easily with CSS and some basic mods to the PHP.
You will need to add a div and position it via CSS. You will then need to modify the PHP files and add another widget area in this new div so you can put your multilingual plugin in there."
Can someone do this for me? Let me know if the price should be higher. I'm guessing its a 15min job if you know what your doing but I really have no idea.
Thanks
Answers (4)
Matt K answers:
This would probably be a bit too complicated to explain. Email me if you like and I'll help you sort that out :)
Rashad Aliyev answers:
That's Sansation theme. I've got good experience in this theme. you can see from my profile. Please contact with me. I can fix it for your. Best regards.
Buzu B answers:
It looks like you got your header widgetized. However, it doesn't look good. The drop down select goes behind the colored banner area. To solve that problem, open up your style.css file (/wp-content/themes/Sansation/Sansation/style.css). You will see this:
/*
Theme Name: Sansation
Theme URI: http://themes.5-squared.com/sansation
Description: A Premium WordPress Theme
Version: 1.4
Author: 5-squared
Author URI: http://www.5-squared.com
*/
@import "css/cool_blue.css";
@import "css/prettyPhoto.css";
#header_widget_area {
position: relative;
float: right;
top: 70px;
padding: 0 32px 0 0;
*top: -10px; /* IE7 and below */
_top: 0; /* IE6 and below */
z-index: 0;
}
Change that part where it says z-index: 0 to z-index: 9999; so that it looks like this:
/*
Theme Name: Sansation
Theme URI: http://themes.5-squared.com/sansation
Description: A Premium WordPress Theme
Version: 1.4
Author: 5-squared
Author URI: http://www.5-squared.com
*/
@import "css/cool_blue.css";
@import "css/prettyPhoto.css";
#header_widget_area {
position: relative;
float: right;
top: 70px;
padding: 0 32px 0 0;
*top: -10px; /* IE7 and below */
_top: 0; /* IE6 and below */
z-index: 9999;
}
That fixes the problem.