Adjusting space between columns

• 

  epochhealth · Member · Sep 22, 2017 at 11:37 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I’ve added columns in the footer widget (office hours). The space between the days and time is too big. I’ve tried changing the width and padding but can’t seem to change the space.

  How can I reduce the space to make the day and time closer?

  Thanks

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

• 

  mrfoxtalbot · Staff · Sep 23, 2017 at 12:33 am

  • Copy link

  Hi, dynamicchirocare.

  Try this:
  #text-15 > .inside > .textwidget > div + div {
  float: left;
  }

  Regards!

• 

  mrfoxtalbot · Staff · Sep 23, 2017 at 12:36 am

  • Copy link

  I am assuming you have a Premium or Business plan in order to be able to add your own custom CSS rules.

  Again, this should do the trick of bringin the columns closer:

  #text-15 > .inside > .textwidget > div + div {
  float: left;
  }

  Let me know how it goes.
  Bye!

• 

  epochhealth · Member · Sep 23, 2017 at 12:41 am

  • Copy link

  I’ve inserted the code into the css section but it hasn’t changed.

  Could I be missing something?

• 

  mrfoxtalbot · Staff · Sep 23, 2017 at 1:04 am

  • Copy link

  Hi, yep, my bad. I did not realize you had an inline “float:left” style in the div element. Inline code is always more specific than external rules and that is why it didn´t work.

  The quickest fix would be to add !important to the rule, like this

  #text-15 > .inside > .textwidget > div + div {
      float: left !important;
  }

  But since it looks like you added the styles inline yourself, I would suggest you change them right there and replace that float:right with a float:left. Please see screenshot here.

  Let me know if that did the trick.

• 

  epochhealth · Member · Sep 23, 2017 at 4:11 am

  • Copy link

  Thank you so much. It worked perfectly, exactly what I was looking for.