caterhamcomputing

Hi.

In the absence of any further feedback, I am marking this topic as resolved.

I have been using the new version of the plugin myself with the Divi theme used on your site – and everything is working as correctly when adding borders to the child page elements.

Thank you for your feedback – your idea has certainly prompted what I feel is a significant improvement to the plugin.

If you still experience any problems with the plugin, please do let me know.

Hi.

Adding the 1px border makes the box 2px wider (1px either side), causing problems in the layout.

I have been experimenting this morning with new CSS based on setting the box-sizing CSS property to border-box rather than content-box (which was used originally because of compatibility issues with certain themes).

This will then simplify the CSS and the sizing will automatically take borders and padding into account.

So far, things are looking good … I am currently testing in various themes.

One downside to this approach is that it is not as backward compatible in versions of Internet Explorer, so I will probably need to create a setting allowing web masters to select which CSS they use.

Watch this space – I hope to have something ready to help you very shortly.

Hi. Glad that you are finding the plugin useful.

To answer the 2 points you raise:

1. You can specify CSS for individual elements as follows:

Title:

.ccchildpage h3 {
    ...
}

Excerpt:

.ccpages_excerpt {
    ...
}

More link:

.ccpages_more {
    ...
}

2. Looking at the code for your page, it looks as if the shortcode is surrounding by <pre></pre> tags … this may have happened if you copied the shortcode from a web page and pasted it into the Visual Editor – it is safer to paste into the Text mode.

The <pre> tag is almost certainly causing the wrapping problems that you mention.

Hi Pjorg

The shortcode and widget both support ordering by the page title.

From the instructions at https://ww.wp.xz.cn/plugins/cc-child-pages/ :

[child_pages orderby="title" order="ASC"]

By default, the pages are listed in Menu Order, but you can set orderby to id, title, slug, author, date or modified

I’d be grateful if you can confirm that this is working for you, and if not please post the URL of the page that has the problem and the shortcode you are using so that I can investigate.

Thanks.

Tim Lomas
Caterham Computing

Hi.

I’ve just had a look at your site, and you seem to have embedded the shortcode within HTML <pre> and <code> tags.

I can see that the text is being shortened correctly to 10 words, but the fact that the <pre> tag tries to show content as it is entered is stopping the text from wrapping.

If you remove the formatting from the shortcode, things should work as expected.

Let me know if you need further help.

I’m glad to hear that it is now working as you want.

Thank you for the original suggestion, as you say it will hopefully make the plugin more useful for a lot of people.

Hi Anna,

I’ve revisited the CSS for displaying unordered lists in columns. Hopefully, this will now span the available space (there will always be a slight margin on the right, as the list items have a right margin specified to avoid them running into each other).

The spacing between items is specified as a percentage of the available width … I have made this percentage smaller on larger screens and then increase as the screen size gets smaller, effectively keeping it roughly the same.

I think that is about all I can do to improve this feature beyond re-writing the WordPress wp_list_pages function, which would be beyond the intended scope of this plugin (maybe it is something I’ll consider again if I create a “Pro” version in the future).

I hope that this works for your site.

[ Signature moderated ]