Title: Custom CSS
Last modified: August 22, 2016

---

# Custom CSS

 *  Resolved [simonsucksmith](https://wordpress.org/support/users/simonsucksmith/)
 * (@simonsucksmith)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/)
 * 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/](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/](https://wordpress.org/plugins/cc-child-pages/)

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

 *  Plugin Author [caterhamcomputing](https://wordpress.org/support/users/caterhamcomputing/)
 * (@caterhamcomputing)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/#post-5496878)
 * 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](https://wordpress.org/support/users/simonsucksmith/)
 * (@simonsucksmith)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/#post-5496885)
 * 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](https://wordpress.org/support/users/caterhamcomputing/)
 * (@caterhamcomputing)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/#post-5496928)
 * 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](http://www.caterhamcomputing.net/contact-us/) or raise
   another support ticket here.
 *  Plugin Author [caterhamcomputing](https://wordpress.org/support/users/caterhamcomputing/)
 * (@caterhamcomputing)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/#post-5496930)
 * P.S. I’ll also add code to the plugin ensure that the custom Excerpt box is available
   for pages …
 *  Plugin Author [caterhamcomputing](https://wordpress.org/support/users/caterhamcomputing/)
 * (@caterhamcomputing)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/#post-5496953)
 * 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](https://wordpress.org/support/users/simonsucksmith/)
 * (@simonsucksmith)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/#post-5496964)
 * 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.

 * ![](https://ps.w.org/cc-child-pages/assets/icon-256x256.png?rev=3451096)
 * [CC Child Pages](https://wordpress.org/plugins/cc-child-pages/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cc-child-pages/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cc-child-pages/)
 * [Active Topics](https://wordpress.org/support/plugin/cc-child-pages/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cc-child-pages/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cc-child-pages/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [simonsucksmith](https://wordpress.org/support/users/simonsucksmith/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/custom-css-90/#post-5496964)
 * Status: resolved