• Resolved handerson91

    (@handerson91)


    Hi,

    I’m using the Responsive theme and trying to changing bullet points to images but am getting errors in the console relating to my jquery.js, for example, m. Callbacks…

    No bullet points are showing at all……

    Here is my HTML:

    <ul class="no-bullet">
    <li class="se-icon">Domestic Electrical
    
    <li>Commercial Electrical</li>
    <li>Electric Heating & Under Floor Heating Systems</li>
    <li>PAT Portable Appliance Testing</li>
    Here is my CSS: 
    
    li.se-icon {
    	background: url('../wp-content/themes/responsive-child/images/Bullet_icon.png');
    }
    
    ul.no-bullet {
    	list-style-type: none;
    	padding: 0;
    	margin: 0;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • Tim Nash

    (@tnash)

    Spam hunter

    Please make sure you put any code in between code tags, by hitting the code button adding code and hitting code button again, otherwise you might accidentally break the forums.

    Thread Starter handerson91

    (@handerson91)

    Thanks for heads up

    I have no idea why this is affecting your .js if it is.

    The CSS you post looks OK except that only one of the list elements has a class of .se-icon but of course, that may be what you intend. The only other thing I can think of is that you are not reference the image correctly in your URL?

    Thread Starter handerson91

    (@handerson91)

    Hi Martol,

    Yes, I was confused too.

    I have solved the problem, I have instead used an absolute link to the image rather than relative.

    Thanks for your input.

    Glad you got it sorted.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing bullet point to images’ is closed to new replies.