Aligning the data

  • Resolved Rnlhellevoort

    (@rnlhellevoort)


    9 years, 12 months ago

    Hi Jeroen!

    I changed the way my list of gigs is displayed, I wanted it to have a more table like feel.
    So now everything is in 1 line. The only thing I don’t like is that the space between every part is the same, so it looks kind of messy. I would love to align everything like a normal table, and I know it can be done by changing the ‘display’ property in css, but still I can’t figure out how to get this right.

    Thanks so much, I really appreciate it!

    // Roxanne

    https://ww.wp.xz.cn/plugins/theatre/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jeroen Schmit

    (@slimndap)

    9 years, 12 months ago

    Hi Roxanne!

    I am afraid I am not 100% sure what the question is.

    Thread Starter Rnlhellevoort

    (@rnlhellevoort)

    9 years, 12 months ago

    Haha yay for trying to explain technical things in a different language then your own…!

    This is what it looks like now.

    This is what I would like the alignment to look like.

    Hope this clears things up! Thanks!

    Thread Starter Rnlhellevoort

    (@rnlhellevoort)

    9 years, 12 months ago

    I figured it out already, I think! 

    .wpt_events .wp_theatre_event .wp_theatre_event_title {
	display: inline;
	color: #B2CFDC;
}

.wpt_events .wp_theatre_event .wp_theatre_event_location {
	display: block;
}

.wpt_events .wp_theatre_event .wp_theatre_event_datetime {
	display: inline;
	color: #C39340;
	position: absolute;
	left: 10em;
}

.wpt_events .wp_theatre_event .wp_theatre_event_venue {
	display: inline;
	padding-left: 10px;
	position: absolute;
	left: 15em;
}

.wpt_events .wp_theatre_event .wp_theatre_event_city {
	display: inline;
	color: #C39340;
	padding-left: 10px;
	position: absolute;
	left: 26em;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Aligning the data’ is closed to new replies.