standard css styling of ul elements not working

  • Resolved irrelevation

    (@irrelevation)


    11 years, 4 months ago

    The standard css for ul elements looks like this:

    .gce-page-list .gce-list ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

    However, since the plugin creates html that looks like this:

    <div class="gce-page-list">
<ul class="gce-list">

    it doesn’t actually affect the ul element.
    I guess the code should look like this in order to work:

    .gce-page-list ul.gce-list{
	list-style-type:none;
	margin:0;
	padding:0;
}

    https://www.ads-software.com/extend/plugins/google-calendar-events/

Viewing 1 replies (of 1 total)
  • Plugin Contributor Ross Hanney

    (@rosshanney)

    Hello,

    If using the grouped list, the plugin generates nested lists, e.g.

    <ul class="gce-list">
	<li>
		<ul>
			<li>...</li>
			<li>...</li>
		</ul>
	</li>
</ul>

    The CSS rule you mention is intended to target these nested <ul> elements, not the main .gce-list element.

Viewing 1 replies (of 1 total)
  • The topic ‘standard css styling of ul elements not working’ is closed to new replies.