Afterlight Theme: increase page width remove calendar table vertical lines

• 

  lianesilva · Member · May 4, 2016 at 10:07 am

  • Copy link
  • Add topic to favorites

  Hi!

  Could you guys please help me with something?

  I’m using the Afterlight Theme and I have CSS customization active. I’d like to increase (if possible) the width on this page (https://lianemusic.com/tours/), so that the events table has a larger width.

  Also, is it possible to make the table’s vertical lines completely invisible?

  Thanks in advance!

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

• 

  thesacredpath · Member · May 4, 2016 at 6:33 pm

  • Copy link

  Hi, add the following and you can adjust the max-width of the page content. It was originally 833px.

  .content-area {
      max-width: 1200px;
  }

  On the table, add the following and see if this gets you what you are wanting.

  table.upcoming-events {
      border: 1px solid;
  }
  table.upcoming-events td {
      border-width: 1px 0;
  }