wp_list_pages CSS

  • Resolved Nicolasks

    (@nicolasks)


    15 years, 9 months ago

    Hi. So, I wanted a page on my blog that featured an automatically-updating list of all the other pages. I added the wp_list_pages function to a page template (links.php – I’m using Sandbox 1.6.1), and posted a new page under that template, thereby generating my list. Success.

    Here’s my problem: I’m not pleased with the style (text colour, decoration, etc). I’ve read the function reference document http://codex.wordpress.org/Template_Tags/wp_list_pages, and I’ve tried to modify the CSS, but I can’t get it to work.

    Can you generate the code for me to put in my CSS file? I’m wondering if I’m getting the formatting wrong or something. Specifically, I want to apply the following styles:

    a
    {
    color:black;
    text-decoration:none;
    line-height:150%;
    }
    a.bulletlist:visited
    {
    color:#666666;
    }
    a.bulletlist:hover,a.comp:active
    {
    text-decoration:underline;
    }

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Nicolasks

    (@nicolasks)

    15 years, 9 months ago

    Just to be clear: I understand of course that putting the above code straight into the CSS file wouldn’t work! That is just the bare bones of the code I want to apply to my wp_list_pages.

    Thread Starter Nicolasks

    (@nicolasks)

    15 years, 9 months ago

    And of course forget the classes I use in the above code – I just forgot to take them out. (Sorry about the 3 posts!) Here’s the real bare bones:

    a
{
color:black;
text-decoration:none;
line-height:150%;
}
a:visited
{
color:#666666;
}
a:hover,a:active
{
text-decoration:underline;
}
    Michael

    (@alchymyth)

    15 years, 9 months ago

    the result of css always depends on the css ids and classes of the surrounding html tags; there might alredy be some styles that are more specific than what you are trying to do –
    therefore a link to the page of your site showing the list might get you more help.

    general, so not all links in the site are affected, i would try at least:
    .page_item a { ... }
    and so on…

    Jabbs

    (@jabbs)

    15 years, 9 months ago

    I’ve just posted this elsewhere but I think Firebug for Firefox will help a lot 🙂

    Thread Starter Nicolasks

    (@nicolasks)

    15 years, 9 months ago

    @alchymyth That’s it, that’s all I needed, thank you. I knew I was just getting something a little wrong – I had tried this already, to no effect, so perhaps I was making a typo or something silly. Anyway thank you for your answer, really. I find people are often unwilling to give general answers without looking at the page in question. I really appreciate your help.

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

The topic ‘wp_list_pages CSS’ is closed to new replies.