Quantcast
Channel: Adobe Community: Message List
Viewing all articles
Browse latest Browse all 173476

Re: Background image not showing for list items

$
0
0

Try commenting out 'display: block;' as shown below:

 

.fluid {

    clear: both;

    margin-left: 0;

    width: 100%;

    float: left;

    /* display: block; */

}

 

WARNING: I have no idea why its necessary to have display: block; set on a <li> tag at all. DW fluid Grids are at best crap and at worst a pile of dog s*it.

 

You may find removing display: block; from the .fluid css selector has a knock on effect somewhere else such as is the poor way Fluid Grid is built.

 

I've been told it is not a good idea to mess around with the Fluid Grid css so you may want to approach this in another way by targeting the <li> tags in the <article> container which has the class .About:

 

.About li {

    list-style-image: url(http://www.aptcoweb.com/dev/vip/assets/paw_bullet.gif);

    margin-right: 15px;

    margin-left: 15px;

    padding-left: 3px;

    padding-top: 3px;

    padding-right: 3px;

    padding-bottom: 3px;

}

 

Then you could effectively remove all the .Bullet classes from the <li> tags:

 

<li class="fluid">Instructions regarding your pet(s) care including: feeding schedule, medications, and exercise routines.</li>


Viewing all articles
Browse latest Browse all 173476


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>