Adding multiple footer widgets side by side using theme OptionTree 2.3.4

  • leylap

    (@leylap)


    9 years, 11 months ago

    Hi all,

    My website is http://www.motherhooddiaries.com

    On the bottom of my homepage you can see multiple widgets stacked on top of each other. I am very basic in CSS/HTML to say the very least, so is there an easy way to lay all these widgets next to each other to conserve space?

    Any help will be greatly appreciated.

    Thanks in advance!

    Leyla

Viewing 3 replies - 1 through 3 (of 3 total)
  • Chris Barrett

    (@cbarrett123)

    9 years, 11 months ago

    Looks like your theme already includes the required clear:both; after the footer area, so you could try the following to float all the widgets in the footer beside each other: 

    #footer .widget {
  float: left;
}

    Note: Consider using a child theme for the CSS so that you don’t possibly have to redo the CSS after a future theme update. For more information on creating a child theme, please review the following: http://codex.wordpress.org/Child_Themes

    Thread Starter leylap

    (@leylap)

    9 years, 11 months ago

    Hi, thank you so much for getting back to me. Sorry, where do I put the code exactly? I’m looking for the ‘clear:both’ bit but can only find this in the main stylesheet. Do I add below?

    Thanks 🙂

    Leyla

    Chris Barrett

    (@cbarrett123)

    9 years, 10 months ago

    If your theme doesn’t support a custom CSS style, you can edit the parent theme’s CSS file under Appearance → Editor in the WordPress Dashboard. You would want to put it at the end of the parent theme’s stylesheet.

    However, to keep from losing the changes after a future parent theme update, I encourage you to setup a child theme by following the instructions in the thread I referenced. Then, your custom CSS would go into the child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding multiple footer widgets side by side using theme OptionTree 2.3.4’ is closed to new replies.