I can’t seem to edit find the CSS code in Inspector

  • Resolved michaellanfield

    (@michaellanfield)


    6 years, 6 months ago

    As you can see on the page there 4 books covers on the page. I know this is a very small minor error but I would like to fix it. As you can see on the very last right book The Interconnectedness of Life, the bottom is not aligned with the other books. when I inspect the elements code with Chrome Inspector I get this elements

    When I change the top: -4.01554px;”> to -0px you can see it the book The Interconnectedness of Life bottom is now aligned with the other books, however the Styles to the right is

    element.style {
    height: auto;
    top: -4.01554px;
    }

    I can change it here and it works, but what code do I add to WordPress Global CSS to change it to make it live? Thanks. I am stuck because all the book images are class=”item”

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

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

  • Hi!

    Although all images have nearly the same size, the shadows are applied directly into the images, and the last one was made differently. This code will change the desired attribute:

    .final-tiles-gallery .tile.ftg-loaded:last-child img {
    top: 0 !important;
}

    In the future you might consider remaking those images without the shadows as you can apply the shadow effect with pure CSS nowadays. You can learn more about it here.

    Thread Starter michaellanfield

    (@michaellanfield)

    ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘I can’t seem to edit find the CSS code in Inspector’ is closed to new replies.

Tags