Skip to content

Instantly share code, notes, and snippets.

@tdmrhn

tdmrhn/cpt-archive-card-1.css

Last active April 26, 2021 17:24
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save tdmrhn/c89a00a0c53a6c5cd3455c9f29858b19 to your computer and use it in GitHub Desktop.
Save tdmrhn/c89a00a0c53a6c5cd3455c9f29858b19 to your computer and use it in GitHub Desktop.
Download ZIP
Custom Post Archive Card Design
Raw
cpt-archive-card-1.css
[data-prefix="projeler_archive"] [data-cards="simple"] .entry-card {position:relative; padding:0; overflow:hidden; border-radius:20px;}
[data-prefix="projeler_archive"] [data-cards="simple"] .entry-card .ct-image-container{margin:0;}
[data-prefix="projeler_archive"] [data-cards="simple"] .entry-excerpt {position:absolute; width:100%; height:100%; padding:60px 30px; top:0; left:100%; transition:.5s; color:var(--paletteColor5); background:var(--paletteColor3);}
[data-prefix="projeler_archive"] [data-cards="simple"] .entry-card:hover .entry-excerpt {top:0; left:0%;}
[data-prefix="projeler_archive"] [data-cards="simple"] .entry-title {position:absolute; bottom:0; padding:30px; margin:0; width:100%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);color:var(--paletteColor5);z-index:1;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment