Jump to content


Photo
- - - - -

Custom list with background image


  • Please log in to reply
2 replies to this topic

#1 cloudstem

cloudstem

    Member

  • Members
  • 11 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 28 February 2013 - 09:59 PM

Hello, I could use some help with this.  My site is dynacomusa.net and I'd like to have this

Please Login or Register to see this Hidden Content

in place of bullets.



#2 cloudstem

cloudstem

    Member

  • Members
  • 11 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 28 February 2013 - 10:01 PM

Here's what I've entered in custom code: 

 

 

/* List Item Markers */
.custom li.arrow {
list-style-type: image;
background: url('

Please Login or Register to see this Hidden Content

') no-repeat top left;
height: 46px;
padding-left: 40px;
}
 
the url is appearing in red and I don't understand why.


#3 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 March 2013 - 01:33 AM

Hi there, which page on the site is showing the error, i've been through each one to try and find the css you have in there but can't see the red error message.

 

If you want to use an image instead of the bullet point you'll need to use the css command list-style-image, example below.

 

 

Please Login or Register to see this Hidden Content