I'm using the Joomla template RsKala! by RSJOOMLA.
I have successfully put CSS override code in the custom.css for these items:
.item-image.pull-left,
.item-image.pull-right {
float: none !important;
width: 33% !important;
}
and it works fine. However, I'm trying to override the list-style (and list-style-type too?) that changes the UL and LI tags to none.
Working in the Google Chrome web browser I'm able to do Inspect and see that UL is being references from bootstrap. If I made the change there to do this:
list-style: none !important;
or
list-style-type: none !important;
It does remove the bullet icons, which is what we want.
But if I add what I expect to work in custom.css (same place the first css code I included is working), it doesn't have any effect at all:
ul {
list-style: none !important;
margin-left: 0 !important;
padding-left: 1em !important;
text-indent: -1em !important;
}
Is the ul being loaded someplace I'm not aware of after all this?
I'm doing all this to remove the bullet icons from display for the Joomla module mod_articles_category.
I have also tried adding to custom.css:
html * {
list-style: none !important;
}
As well as:
html ul, ol, li, menu, dir {
list-style: none !important;
list-style-type: none !important;
}
and either has any effect.
html ul {list-style: none !important;}
as per joomla.stackexchange.com/a/15853/120