UL specificity not allowing picture to be clicked

  • Resolved vickea

    (@vickea)


    9 years, 12 months ago

    I have a single picture added via NextGEN Gallery – it’s the boy on the books poster on this page
    https://vck.freehostia.com/wordpress/partner-projects/books-in-homes-australia/

    If you inspect it with Firebug, you will see that the picture is not clickable in the area corresponding to the ul. So I added this to my child CSS-

    ul {
  overflow: hidden;
}

    Unfortunately it appears to be having no effect whatsoever. The fact that it is not visible in Firebug would indicate that it isn’t even being read, but I’ve checked and re-checked that I’ve added it to the right CSS file and loaded it to the child theme.

    Can you help please?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Vickea,

    Your html is disabling to click on that image. You can use bootstrap to solve this problem making the content part col-md-8 class and image part col-md-4. for more using bootstrap https://getbootstrap.com/css/#grid

    Thanks.

    Thread Starter vickea

    (@vickea)

    That would seem a bit heavy-handed and I don’t want the page layout you suggest.

    For others who might run into this problem, what I did was add this to the child css-

    .entry-content ul {
  overflow:hidden;
}

    Since this will affect all ULs, a better alternative is probably to put a class on that particular UL to target it more specifically.

    Thanks anyway.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘UL specificity not allowing picture to be clicked’ is closed to new replies.