CSS and Image Size

  • Resolved atomikpop

    (@atomikpop)


    6 years, 8 months ago

    I am trying to set the thumbnail at 100%, so that it is equal to the width of the title. However, the css below is not working. Any suggestions?

    .rp4wp-related-posts a {
    color: #0000ff !important;
    font-size:18px !important;
    font-weight:normal !important
    }
    .rp4wp-related-posts ul{
    width:100%;
    padding:0;
    bottom-margin:20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap:10px
    }
    .rp4wp-related-posts ul>li{
    list-style:none;
    padding:0;
    margin:0;
    padding-bottom:0px;
    clear:both;
    }
    .rp4wp-related-posts ul>li>p{
    margin:0;
    padding:0;
    }
    .rp4wp-related-post-image{
    width:100%;
    padding:0px;
    float:none;
    padding-bottom:10px;
    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter atomikpop

    (@atomikpop)

    Okay, I think I am figuring this out. I have the thumbnail set to 33%, but the image is smaller than that, leaving a gap between the image and the text.

    I have gone into my settings and increased the thumbnail size and regenerated them. However, this seems to have no effect on how the thumbnails are displayed. There is still a gap, and it appears to be the same size as before.

    Maybe I am changing the wrong image size. What image size is this plugin using to generate the displayed image?

    Thread Starter atomikpop

    (@atomikpop)

    Solution:

    1) install and activate Regenerate Thumbnails plugin by Alex Mills

    2) Go to Settings > Media and increase thumbnail size

    3) Go to Tools > Regenerate Thumbnails

    4) Regenerate thumbnails for featured images

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS and Image Size’ is closed to new replies.

Tags