WordPress.org

1. x_maras
   Member
   Posted 3 months ago #

   Hi,

   I want to change the css of the list that comes as output of the wp_list_pages().
   I tried to place it inside a div and put some css via this but didn't
   work properly.

   Does anyone know where I can find the code of the wp_list_pages?
   If I change the css class of this output, will it affect more widgets in my layout. (I ve got a category list and a tag cloud).

   Thanks
   Dinos

2. songdogtech
   Member
   Posted 3 months ago #

   Look at the wp list pages docs to see how page code is generated, and then look in your theme CSS for<ul> and <li> calls.

3. esmi
   Member
   Posted 3 months ago #

   You can't change the output of wp_list_pages() without modifying core WP files - something I would strongly recommend against unless you really, really, know what you;re doing and are fully aware of the potential ramifications.

   Why do you need to change the output of wp_list_pages? What's the problem?

4. x_maras
   Member
   Posted 3 months ago #

   Why do you need to change the output of wp_list_pages? What's the problem?

   No reason actually, I fixed the problem.
   I m just new in wordpress (2 months) and in php, html, css (4-5 months) and there are times that I have things in front of my eyes and I can't see them.

   Thanks for the responses.

5. t31os_
   Member
   Posted 3 months ago #

   You can modify the data produced if you return the data instead.. echo=0 ...

   Place the results into an array, do what you want with it, then print/echo it out.

6. Ulsen
   Member
   Posted 3 weeks ago #

   Hi you all,

   aren't there overrides I can put in my template to use instead of the core output (like, for example, in Joomla?) If Wordpress doesn't have that option yet it'd be wicked to implement it, don't you think? Customisable HTML output does make a CMS a whole lot more flexible.

   Have a good one,
   Ulsen

7. t31os_
   Member
   Posted 3 weeks ago #

   The classes output by the function already give enough control over CSS.

   If you want to change how the functions operates then you could write your own function (some themes do this) or as i said, use echo=0 and do some PHP magic on the output.

   For clarification: Example of code use
   HTML & PHP
   

   <ul class="mypages">
   <?php wp_list_pages() ?>
   <ul>

   CSS
   

   .mypages {}
   .mypages li {}
   .mypages li ul {}
   .mypages li li {}
   .mypages li.current_item {}
   .mypages li.page-item {}

   If you want to add more classes, then the issue is not with the code, but with your understanding of how to reference the existing classes via CSS (not intended as an insult, so excuse the blatantness).

   If you need specific functionality, then please clarify exactly what it is you'd like it to do.

Reply

You must log in to post.