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

Community Forums Forums Design Tips and Tricks Blissful: formatting the header with social media icons and search bar

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by  criegel 8 months, 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #72801

    criegel
    Participant
    Post count: 4

    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/
    #72815

    RobG
    Participant
    Post count: 1036

    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

    • This reply was modified 8 months, 2 weeks ago by  RobG.
    • This reply was modified 8 months, 2 weeks ago by  RobG.
    #72953

    criegel
    Participant
    Post count: 4

    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

    #73242

    RobG
    Participant
    Post count: 1036

    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

    #73243

    criegel
    Participant
    Post count: 4

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

    #73245

    criegel
    Participant
    Post count: 4

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

    #73249

    RobG
    Participant
    Post count: 1036

    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

    #73252

    criegel
    Participant
    Post count: 4

    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.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.