Need to find element controlling divider lines

• 

  bigotrywatch · Member · Jun 24, 2014 at 11:59 am

  • Copy link
  • Add topic to favorites

  I’ve managed to change the screen widths for better responsiveness, but I can’t find out how to move the vertical line that is to the right of each post. It doesn’t seem to be a border or a background image. I need to move it to align with the main blog post area at each screen width breakpoint.

  Help!

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

• 

  designsimply · Member · Jun 24, 2014 at 2:53 pm

  • Copy link

  The divider line to the right of the main content area in the Eventbrite Single Event theme is setup using the “:after” pseudo element like this:

  .main-container .container:after {
  	left: 65%;
  }

  You can copy that into your Appearance > Customize > CSS editor and adjust the 65% value to move the divider line.

• 

  bigotrywatch · Member · Jun 24, 2014 at 3:16 pm

  • Copy link

  I looked everywhere for that! Thank you!

• 

  designsimply · Member · Jun 24, 2014 at 3:33 pm

  • Copy link

  It was tricky to find actually! heh