VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: jjk on May 09, 2012, 18:10:26 PM

Title: Does anybody know how to add unordered lists with bullets into vmsite-ltr.css
Post by: jjk on May 09, 2012, 18:10:26 PM
In the product details description I need a nice display of unordered lists with bullets or discs like this:

Features:
But with my limited knowledge of CSS I just don't manage to add the required css to vmsite-ltr.css in a way that works.
Any ideas?  ;)
Title: Re: Does anybody know how to add unordered lists with bullets into vmsite-ltr.css
Post by: PRO on May 09, 2012, 18:25:12 PM



views/productdetails/tmpl/default.php

Change this

<?php echo $this->product->product_desc ?>


to this
<div class="pdesc">
<?php echo $this->product->product_desc ?>
</div>


THEN,. this is the CSS

.pdesc li {
    list-style-type: disc;
}





ALSO:

IM MY template, I have the whole body set to NO style.

SO, I have to do mine like this below, to add it back to certain areas


#firefight .pdesc li, #firefight .item-page li {
    list-style-type: disc;
}

WHERE    #firefight is the body ID.

Title: Re: Does anybody know how to add unordered lists with bullets into vmsite-ltr.css
Post by: jjk on May 09, 2012, 21:21:55 PM
Turned out that (in my special case) the best working solution was to add a few '.product-description' to my template.css