Support » Plugin: Ninja Pages » How to display subpages horizontally/inline?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author James Laws

    (@jameslaws)

    I’m not exactly sure what you mean. Can you give me a link to your page that you are trying to accomplish this on and perhaps and example of what you mean?

    Right now the subpages of a parent page are displayed as links in a list in block format. I would like to have each link side by side rather than being in a list.

    My site is still in closed beta right now, I’d have to set up a test site. If it’s possible to solve this issue without a test site it would be better 🙂

    Thanks

    Plugin Author James Laws

    (@jameslaws)

    The items are wrapped in divs. Just some simple CSS to style them any way you like. If you look at the source of the page you can see the divs and an IDs or classes you would want to reference.

    Just take those and add some CSS to your theme or better yet your child theme so you don’t overwrite the changes if your theme get updated.

    I see that in the div surrounding the whole subpages list there’s an id=”ninja-children-wrap” with no corresponding css style.

    So I created a new id for ninja-children-wrap in my styles.css and gave it display:inline;
    however the list still doesn’t display inline. I’m I doing something wrong with my css?

    Pardon my inexperience, I’m only starting with CSS and HTML

    Thanks!!

    Plugin Author James Laws

    (@jameslaws)

    The issue is that you have to apply styling to the items in #ninja-children-wrap as well. This ID wraps around the entire loop. Inside the loop there are other divs and tags that are output for each child page. You have to account for every item within that wrap.

    Thanks so much, that solved my issue! I’ve also learned more about CSS 🙂

    Btw, how does the “page categories” function work in the ninja page plugin? E.g. I would like to have a category called Men Fashion and one category called Women Fashion, if I have a subpage that would fit in both categories: Men Fashion and Women Fashion, and I want it to displayed in both what I’m I supposed to do?

    Thanks!!

    Plugin Author James Laws

    (@jameslaws)

    Children pages actually have nothing to do with categories. It simply outputs Parent page’s children only irregardless of categories.

    If you wanted to display pages in a specific category like your example above you would need to write a custom loop to accomplish that.

    I see, in this case what is the function or purpose of the “page categories” option in the ninja pages plugin?

    Thanks

    Plugin Author James Laws

    (@jameslaws)

    • It allows you the ability to add post functionality to pages. I.e. categories, tags, excerpts
    • It allows you to have those pages appear in the archive pages of your categories or tags
    • It gives you the ability to then query those pages by category in a custom loop that you would not otherwise be able to do.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to display subpages horizontally/inline?’ is closed to new replies.