Buy me a coffee

Move Tag over Summary Image

#1. First, set Meta Tag above Title

Move Tag Over Summary Image 01 Min

You will have

Move Tag Over Summary Image 02 Min

#2. Find Summary Block ID. In my example, it is:

  • #block-yui_3_17_2_1_1723415222822_4114

Move Tag Over Summary Image 03 Min

#3.1. If Tag over Summary Image in TOP LEFT or TOP RIGHT position, you can use this code to Custom CSS box.

#block-yui_3_17_2_1_1723415222822_4114 span.summary-metadata-item--tags {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #000;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    transform: rotate(-10deg);
}

Move Tag Over Summary Image 04 Min

Result:

Move Tag Over Summary Image 05 Min

If TOP RIGHT position, you can change left to right

Move Tag Over Summary Image 06 Min