在Wordpress上使用CSS重叠两个图像的最有效方法是什么？

Question

This is my first WordPress development and I just wanted to know how I can get two images to overlap the cover image using CSS.

All help is appreciated. Thanks in advance!

Answer 1

A few alteration and adons in css , you can achieve the design

 .primary-navigation ul {
        text-align: center;
        list-style: none;
        margin-top: 50px;
        padding-left: 0;
        margin-bottom: -42px; /*Added*/
    }
.primary-navigation a {
        text-align: center;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        padding: 0px 20px;            /**Changed**/
        font-family: 'Quicksand', sans-serif;
        font-size: 12px;
        background-color: transparent;
        color: white;
        letter-spacing: 3px;
    }

    /*new css*/
    li#menu-item-29 {
        position: relative;
        top: 0;
        z-index: 1;
        vertical-align: middle;
    }