grid or page specific CSS

  • Resolved carosea

    (@carosea)


    11 years, 3 months ago

    Am using the released 1.0.
    I have a particular grid that I am using on a particular page and want to stylise that one grid ‘byline color’ fontsize, font, tile borders etc but only for that one grid (which is only used on the one page).
    What are the CSS elements I need to use in my child theme style.css to refer to either the one grid or the one post.
    I have seen CSS examples for the older version of wp-tiles using eg.

    .wp-tiles-container .grid .nameofgrid
    oe .wp-byline-title .page-id=xxx

    I just want to have the default settings as set up in the Grid/tile editor for all otherpages but on the home page (which uses this speific grid) to be different.

    https://ww.wp.xz.cn/plugins/wp-tiles/

Viewing 1 replies (of 1 total)
  • Plugin Author Mike Martel

    (@mike_cowobo)

    11 years, 3 months ago

    Hi @carosea,

    The grid name is not added as a class anywhere. However, you can now pass extra classes directly into the shortcode. That way you can uniquely identify each instance of WP Tiles.

    You shortcode would then become:

    [wp-tiles extra_classes='my-custom-styled-tiles']

    Which you can style in your css:

    .my-custom-styled-tiles .wp-tiles-tile {
    border: 10px solid black;
}

.my-custom-styled-tiles .wp-tiles-byline-content {
   font-size: 1.5em;
}
/** etc... **/

    Cheers,
    Mike

Viewing 1 replies (of 1 total)

The topic ‘grid or page specific CSS’ is closed to new replies.