WordPress.org

Support

Support » Plugins and Hacks » Simple Calendar - Google Calendar Plugin » [Resolved] standard css styling of ul elements not working

[Resolved] standard css styling of ul elements not working

  • 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;
    }

    http://wordpress.org/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 ‘[Resolved] standard css styling of ul elements not working’ is closed to new replies.
Skip to toolbar