• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved

Tagged: blissful, search, social media, widget

  • This topic has 7 replies, 2 voices, and was last updated 9 years, 2 months ago by criegel.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 13, 2013 at 4:51 pm #72801
    criegel
    Member

    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/
    November 13, 2013 at 6:00 pm #72815
    RobG
    Member

    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

    November 14, 2013 at 10:25 am #72953
    criegel
    Member

    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

    November 15, 2013 at 2:16 pm #73242
    RobG
    Member

    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

    November 15, 2013 at 2:18 pm #73243
    criegel
    Member

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

    November 15, 2013 at 2:19 pm #73245
    criegel
    Member

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

    November 15, 2013 at 2:24 pm #73249
    RobG
    Member

    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

    November 15, 2013 at 2:27 pm #73252
    criegel
    Member

    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
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble