WordPress.org

Ready to get started?Download WordPress

Forums

Google Calendar Events
[resolved] standard css styling of ul elements not working (2 posts)

  1. irrelevation
    Member
    Posted 1 year 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;
    }

    http://wordpress.org/extend/plugins/google-calendar-events/

  2. Ross Hanney
    Member
    Plugin Contributor

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags