ph365.com promotion.Enjoy Free 888+200 Daily Legal Bonus

Resolved Robswaimea
(@robswaimea)

9 years, 10 months ago
Thanks for your great work. Been using it for many months now.
You probably hate when people ask about custom CSS ??

I thought there might be a clue here from a previous post..
Support post https://www.ads-software.com/support/topic/css-conflict-4
Is dead… –> https://icalevents.com/1596-ical-events-to-dos-etc-styling-with-css-hooks/

I don’t have any conflicts….

But what I am trying to do is something like this… to a Specific List.. in CSS…
```
table.ical .starttime, #listnumber14 {
	color: #000;
	font-size: .5em;
	font-weight: bold;
	clear: both;
}
```
I’ve been trying for many hours …

Thanks again.

https://www.ads-software.com/plugins/amr-ical-events-list/

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author anmari
(@anmari)

9 years, 10 months ago

Well
I was about to post this
https://icalevents.com/2382-styling-of-ical-events/
Which covers almost any Css hook.

In your example it appears you have multiple versions of an event lists and want to style them differently ?
Else you’d just add the css to apply to all lists?
the simplest thing is probably to wrap the shortcode in an html div with ID of your own choice.

Thread Starter Robswaimea
(@robswaimea)

9 years, 10 months ago

Thanks for getting back so quickly…

My situation is that I am accessing external Icals I have no control over.
I did read the support doc you linked above, earlier today.

But I guess I don’t understand it or it doesn’t apply to what I am trying to do. ie: Using the page Inspector (aka Firebug) I couldn’t resolve the issue by finding a class or id to make the CSS adjustments,
To the Icals I am importing.

In your example it appears you have multiple versions of an event lists and want to style them differently ?

Yes.

Else you’d just add the css to apply to all lists?

And that is what is occurring now.

Some Icals I’d like to have smaller text so I can display them differently ie: width 250px with less data… and others larger text, more, data and wider.

It doesn’t sound like just assigning #listnumberXX is an easy solution.

Thank you for your time, you plugin is massive and I appreciate all the work you have done.

Best to you and have a great year !

Plugin Author anmari
(@anmari)

9 years, 10 months ago

If all your external icals are in one list then events will be assigned a class for each external iCal

Ical0
Ical1
Ical2

Etc

So you can style by external iCal.

If in different lists then use ‘wrap’ method to differentiate.

Plugin Author anmari
(@anmari)

9 years, 10 months ago

If all your external icals are in one list then events will be assigned a class for each external iCal

Ical0
Ical1
Ical2

Etc

So you can style by external iCal.

If in different lists then use ‘wrap’ method to differentiate.

Thread Starter Robswaimea
(@robswaimea)

9 years, 10 months ago

Thanks again for getting back to me. I haven’t implemented the styling yet… but I’ll take your word for it.

Thanks again for your great plugin and all the hard work you have done.

Have a great day !

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS –> to specfic List… ie: –> #listnumber14’ is closed to new replies.