Stylesheet issue

Guys

I need to have the search bar stay center and the fb button to it's right. What should be simple is proving not to be. I have the search bar in the Highlights position and the fb button in the search module position. However it is not lining up as it should. In fact it's flipping positions.

Can you help please.

http://www.change-the-conversation.com/smrtshoppr/

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkHighlights { width: 63.75%;
float: left;
margin-left: 170px
}
div#gkSearch { float: right }


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Thanks again bkrztuk. I really appreciate all the help over the time. I not just saying this but I do love these templates best money I've spent on web development.

One other question about this. Now that I have made that addition the search bar is not centered in the position. Can you help me with that?

To center search bar it is necessary to add margin for this area. My advise is to use some tool like firebug to detect where and what kind of styles you should add » How to change space, colors and font size ? - GavickPro Documentation

Thanks. I've been using firebug and firebug lite to make many adjustments before. but was not sure which stylesheet element was needed. Your input was much appreciated. It guided me in the right direction.

Thank you

All custom styles should be added to override.css file.