• Resolved simonsucksmith

    (@simonsucksmith)


    Hi there. Love this plugin – thanks – I will donate in a bit.

    I am trying to customize the CSS for the border skin. I have done this but it puts a border around all the child page snippets. Please see http://packages.westcountrygames.co.uk/accommodation/

    Any idea how I can just put a custom border around each child page snippet?

    Shortcode I’m using
    [child_pages cols=”3″ thumbs=”true” more=”More Info…” words=”20″ skin=”simple” class=”cc_child_pages”]

    CSS
    {
    border-color: red;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

    Many thanks
    Simon

    https://wordpress.org/plugins/cc-child-pages/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author caterhamcomputing

    (@caterhamcomputing)

    Hi.

    You need to apply the border to the .ccchildpage class (which is the item inside the wrapper that gets the custom class applied).

    In the example you give, this would look something like:

    .cc_child_pages .ccchildpage {
        border-color: red;
        border-style: solid;
        border-width: 2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    … other than that, you seem to have got it all going great.

    I’m planning to put together a guide to skinning the plugin when time permits … it’s a very new plugin, and I’ve been concentrating on getting all the functionality in place first.

    Let me know if the above helps … thank you for using it!

    Thread Starter simonsucksmith

    (@simonsucksmith)

    Great stuff works perfectly.

    The other things I would also like to change is the following:-

    Remove “Continue Reading” from the prefixed text after the page text.

    Alter CSS for the Link to the child page, I would like to put the link in a box with a background colour.

    Any help would be appreciated.

    Yes I think that if you have a few more skin options and also options for the above or instructions on CSS classes that can be altered then this is a winner plugin!

    The others out there provide little and for a novice like me I would rather pay a bit to get the job done easily via a half decent plugin.

    Thanks again

    Cheers
    Simon

    PS. Donation on its way. Thanks

    Plugin Author caterhamcomputing

    (@caterhamcomputing)

    Hi Simon

    I’m not sure where the “Continue Reading” message is coming from … it is being added to the generated excerpts for your pages either by your theme or one of your other plugins. You may be able to get around this by filling in the Excerpt field for the pages (if it is not showing, click on “Screen Options” when editing a page and make sure Excerpt is ticked … although I’ve noticed it is not available for pages when using certain themes!).

    I think the problem is that something has added a filter to add the “Continue Reading” link when the excerpt is generated from the page content.

    I’ll look at changing the plugin to generate the excerpt itself rather than using the routines built into WordPress, which will hopefully get around this issue.

    Time allowing, look out for the new version later today … I’m also adding a button to the WordPress editor to make it even easier to add the shortcode. (Although I may just make the change to generating the excerpt if time gets too tight to fully test it all today …)

    The “Read more…” link is contained within a paragraph with a class of ccpages_more … so you could either change the CSS for the entire paragraph:

    p.ccpages_more {
        background: red;
        color: white;
    }
    
    p.ccpages_more a {
        color: white;
    }

    or apply CSS just to the link itself:

    p.ccpages_more a {
        background: red;
        color: white;
        padding: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    … depending on the effect you want to achieve.

    Finally, thank you very much for the donation … it is truly appreciated.

    I’m going to mark this topic as resolved now (as I believe that I have answered the original question, and the other issue is not a “bug” – although I will try to implement a resolution anyway), but if you need further help with getting everything working with your theme/plugin combination please feel free to contact me via my main web site or raise another support ticket here.

    Plugin Author caterhamcomputing

    (@caterhamcomputing)

    P.S. I’ll also add code to the plugin ensure that the custom Excerpt box is available for pages …

    Plugin Author caterhamcomputing

    (@caterhamcomputing)

    OK, the new version of the plugin is available … let me know if the “Continue Reading” text goes away when you have updated it. (If not, try entering a custom excerpt for the pages while we work out where that text is coming from.)

    Thread Starter simonsucksmith

    (@simonsucksmith)

    Sorry forgot to say – Yes the “Continue Reading” text goes away now – thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS’ is closed to new replies.