|
Bob Philpin
|
June 3, 2014 at 5:59 am
Hi team!
A while ago I requested a piece of code to remove the bullets from the upcoming events widget, which Tony kindly gave me.
Unfortunately, I deleted the widget and added it again this morning, and now / despite the code still being in the additional CSS field on my template, the bullets are back!
I have tried deleting the code and adding it again, but to no avail.
Site is here>
http://www.predictive-advantage.com
Any help is greatly appreciated!
Bob
|
|
Dean
|
June 3, 2014 at 6:20 am
This is the original code
#events-widget-3 ol {
list-style: none;
padding: 0;
}
Becuase you updated the widget, the number has changed to 4 instead of 3.
However, it might be better to use this:
div.footer-widget-col.events ol { list-style: none; padding: 0 }
As it might be a little more resilient to changing widgets.
|
|
Tony
|
June 3, 2014 at 6:21 am
Hi Bob,
The reason the code has stopped working is that the CSS I gave you used the ID to select that specific event widget. Now you have a ‘new’ widget the ID has changed.
So the previous code was this:
#events-widget-3 ol {
list-style: none;
padding: 0;
}
You can either, just change the ID selector to match your new one:
#events-widget-4 ol {
list-style: none;
padding: 0;
}
Or, to target any instance of the events widget (in-case you change it again) use this code:
.footer-widget-col.events ol {
list-style: none;
padding: 0;
}
|
