Style random pages

  • Resolved firstgrip

    (@firstgrip)


    4 years, 10 months ago

    I tried to display random pages under one of the parent’s page with the following shortcode:

    [child_pages cols=”2″ hide_excerpt=”true” skin=”white” link_titles=”true” hide_more=”true” siblings=”true” limit=’5′ orderby=”rand” order=”ASC”]

    But I could not get rid of skin color (although trying to blend with white background) and also display title looks too big (something like h2 tag),

    Although under settings can put in custom css code to resolve this problem, I have no knowledge of CSS. Is there any help to remove the skin and shrink the title size like normal recent post display.

    If OK, please put the CSS and html code here for reference and try it out. Thanks.

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

  • Untick the box about loading css in the CC Child Pages settings page. This bit should turn the skins off.

    “If you are not using the provided skins, you can prevent the CSS file for the skins from being loaded from the CC Child Pages options under the Settings menu.”

    Then include the class=”putyourownclassnamehere” in your shortcode and google how to style the page items using a class.

    “If you want to style the child page boxes yourself, you can also specify the class parameter. If used, this overrides the span parameter and adds the specified class name to the generated HTML:”

    Plugin Author caterhamcomputing

    (@caterhamcomputing)

    That is absolutely correct … the only thing I will add is that you shouldn’t need to turn the skins off as long as you specify the class and not the skin parameter (although if you don’t use the skins anywhere else on the site, it would be a performance boost to not load the unnecessary CSS file).

    Thanks @adventureridingnz for answering questions while I’ve been unavailable ?? … it’s much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Style random pages’ is closed to new replies.