Modifying event calendar width

  • Resolved 418ascendant

    (@418ascendant)


    6 years, 4 months ago

    I’m having an issue with the event calendar not displaying correctly on the website: https://418ascendant.com/events-3 The table seems too big to fit the template of the page. I’ve tried to modify the settings in events-manager.css file, but nothing has worked. Is there a way to change the width of the table to make it smaller? Any help with that would be greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • you can change the parameters of the tables in the css file of your theme ( /wp-content/themes/four18Theme/style.css )

    #content table {

	/*border: 1px solid #e7e7e7;*/

	margin: 0 -1px 24px 0;

	text-align: left;

	width: 100%;

}

#content tr th,

#content thead th {

	color: #888;

	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

	padding: 9px 24px;

}

#content tr td {

	border-top: 1px solid #e7e7e7;

	padding: 6px 24px;

}

#content tr.odd td {

	background: #f2f7fc;

}

    example :

    #content tr td {

	border-top: 1px solid #e7e7e7;

	padding: 6px 12px;

}
    • This reply was modified 6 years, 4 months ago by leleuf.
Viewing 1 replies (of 1 total)
  • The topic ‘Modifying event calendar width’ is closed to new replies.