Results 1 to 2 of 2

Thread: Help with Jekyll

  1. #1
    Join Date
    Feb 2022
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with Jekyll

    Good afternoon,

    I was wondering if anybody here had experience using jekyll for building website? I'm trying to make my blog dynamic with images. I have the blog working dynamically but I'm trying to display a small preview image to make it look more attractive. Here is the page in question:

    https://www.lorenzanadesigns.com/blog/
    Last edited by james438; 02-09-2022 at 02:20 AM. Reason: hotlink removed

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,133
    Thanks
    3
    Thanked 278 Times in 271 Posts

    Default

    Hi there meestermarcus,

    This can be done easily with CSS.
    Here is an example...
    Code:
    /* All items */
    div[class="post-container"] h3::before {
        display: inline;
        width: 4em;
        height: 4em;
        margin-right: 0.5em;
     }
    
    /* First item */
    div[class="post-container"]:nth-of-type(1) h3::before {
        content: url('https://picsum.photos/id/100/64/64');
     }
    
    /* Second item */
    div[class="post-container"]:nth-of-type(2) h3::before {
        content: url('https://picsum.photos/id/101/64/64');
     }
    
    /* Third item */
    div[class="post-container"]:nth-of-type(3) h3::before {
        content: url('https://picsum.photos/id/102/64/64');
     }
    
    /* Fourth item */
    div[class="post-container"]:nth-of-type(4) h3::before {
        content: url('https://picsum.photos/id/103/64/64');
     }
    
    /* Fifth item */
    div[class="post-container"]:nth-of-type(5) h3::before {
        content: url('https://picsum.photos/id/104/64/64');
     }
    /* etc etc */

    coothead
    ~ the original bald headed old fart ~

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •