Highlight Current Page in List-Pages widget

  • miquelpontes

    (@miquelpontesgmailcom)


    9 years, 6 months ago

    Hello, I have seen a support post to highlight current page item for list-pages shortcode, but when I try to put that into the STYLE.CSS for my theme it simply does not work:

    /* plugin list-pages, highlight current page */

.list-pages ul li.current_page_item a {
   text-decoration:none;
   color:#fff;
   background:#000;
}

    What am I doing wrong ? (Thanks in advance).

    https://www.ads-software.com/plugins/list-pages-shortcode/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Ben Huson

    (@husobj)

    Try:

    ul.list-pages li.current_page_item a {
   text-decoration:none;
   color:#fff;
   background:#000;
}

    Also supports classes ‘current_page_ancestor’ and ‘current_page_parent’

    Thread Starter miquelpontes

    (@miquelpontesgmailcom)

    Thank you very much for your suggestion Ben. However, it does not seem to work. I have added this style to the CSS file but shortcode output style seems completely unaffected.

    A sample of code (obtained by Chrome’s Element Inspection) renders these classes that actually do not use the intended styling:

    <li class="page_item page-item-12190 current_page_item">
<a href="https://opistobranquis.info/es/guia/anaspidea/akera-bullata/">Akera bullata</a>
</li>

    A sample page where this should be seen is: https://opistobranquis.info/en/DFZi1

    Any idea?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Highlight Current Page in List-Pages widget’ is closed to new replies.

Tags