Blissful: formatting the header with social media icons and search bar

[criegel]

At my website, http://chai-dee.com/, I want the social media icons to be in a straight line under the search bar. In "Header Right", if I put the "search" widget on top of the "text" widget, it totally freaks out. Icons line up one on top of the other.

How would I format it so that the icons line up above the search bar. Also, how could I adjust the spacing between the two elements?

Any help is appreciated, thanks!

-Christina

http://chai-dee.com/

[RobG]

It looks like you will have to resize the icons in order to make them line up correctly.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[criegel]

Thanks for the response. If it's a size problem, why would it line of correctly when I reverse the position of the widgets in the header?

Is there a way to keep the size and still get them to line up? If I switch the header widgets, by putting the social media "text" widget under the "search" widget, the icons line up, and are spaced together, correctly.

Ideally, I'd want the social media icons positioned above the search bar.

Thanks!

Christina

[RobG]

It lokks like to figured it out.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[criegel]

haha, I wish! I want it inverted, with the search widget on top.

[criegel]

haha I wish! I really want the search bar on top. But when I switch the widgets, it messes up the formatting.

[RobG]

But you did get the icons lined up, Are you trying to get the search box at the top of that widget and the icons below?

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[criegel]

Yes, exactly. The problem only starts happening when I switch the widgets. If I put the search widget above the html text widget, it messes up the formatting. The icons freak out, 6/7 icons will go beside the search bar, and then one goes below. when I really need them lined up.

[Author]

Posts