Customizing the Contact Us Widget

• 

  jlanglois2014 · Member · May 15, 2014 at 6:30 pm

  • Copy link
  • Add topic to favorites

  How do I move the map in the Contact Us widget? It currently sits above the text (the contact information), but I would like it to sit below the text if possible.

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

• 

  thesacredpath · Member · May 15, 2014 at 11:06 pm

  • Copy link

  Hi there, add the following CSS and see what you think. It seems to work well with the responsive design of the Stay theme.

  #widget_contact_info-7 {
      height: 440px;
      position: relative;
  }
  #widget_contact_info-7 .confit-address {
      position: absolute;
      top: 45px;
  }
  #widget_contact_info-7 .confit-hours {
      position: absolute;
      top: 140px;
  }
  #widget_contact_info-7 #contact-map {
      bottom: -170px;
      position: relative;
  }

• 

  jlanglois2014 · Member · May 16, 2014 at 12:42 am

  • Copy link

  That worked perfectly, thanks!

• 

  thesacredpath · Member · May 16, 2014 at 3:15 am

  • Copy link

  You are welcome.