Sela Theme Widged overlay

• 

  angiegeorge · Member · Dec 16, 2016 at 6:50 am

  • Copy link
  • Add topic to favorites

  Hello

  my name is Angie and I love Sela!

  After lots of swearing and learning, I got it as I want it on my own and am proud.

  I did implement a booking widget in my first front page area on my static front page. This text widget contains a drop down with a check-in and check-out calendar. The check-out calendar doesn’t overlay at it’s bottom.
  I believed this was the reason:

  /*--------------------------------------------------------------
  9.0 Widgets
  --------------------------------------------------------------*/
  .widget-area {
  	overflow: hidden;
  }

  So I answered with this in my Sela child themes css:

  .widget-area {
  	overflow: visible !important;
  }

  But this is not quite it I’m afraid. Could you please point me in the right direction here to make the check-out calendar visible please.

  Thank you very much in advance from New Zealand

  The blog I need help with is: (visible only to logged in users)

• 

  staff-loquaciousloon · Staff · Dec 16, 2016 at 3:36 pm

  • Copy link

  Hi @angiegeorge!

  Glad you’re enjoying Sela!

  These forums are actually for WordPress.com hosted sites, which is a little different from the self hosted site you’re running at http://thebeachhouse-nelson.com/

  This CSS style should accomplish your goal in your child theme:

  div#widget-area-5 {
      overflow: visible;
  }

  If it gives you any trouble, can you open up a thread on the self hosted forms instead?
  https://wordpress.org/support/theme/sela#new-post

  Thanks!

• 

  angiegeorge · Member · Dec 16, 2016 at 9:40 pm

  • Copy link

  Will do.
  This didn’t work for me.

  Thank you very much for your answer.
  Have a great day.