1. Dakota09
  2. Sherlock Holmes
  3. Free Templates / Extensions
  4. Wednesday, 15 October 2014
  5.  Subscribe via email
Hi another quick question if I may for the Classic template.

When I use the typography custom code for the UL (<ul class="star"><li>Your list item goes here!</li></ul>;), how can I make the image (in this case the star) align with the first row of text? I tried playing with the .css and tried position top, absolute, etc., but they are not working either. The top position actually puts the star above the first sentence.

Here is a sample of what it is doing: http://dakotawebcreations.com/home/benefits-of-a-website

Thanks!
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To align your star to the top of your list item try adding the following to the Custom CSS field of your templates parameters...


ul.star li {
background: url("../images/typo/star.png") no-repeat scroll left 10px transparent;
}


CiarĂ¡n
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you! Worked perfectly (after I entered the correct path to the image!). Thanks for the fast and extremely helpful support!
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.