Image's at price table

Hi, how can I add images at price table. please check screen shot.

thanks
regards
JAVED

Hi There,

You can add the image before them by adding this custom CSS:

.x-pricing-table .x-pricing-column:nth-child(1) h2:before {
    background: url(https://static.vecteezy.com/system/resources/thumbnails/000/103/376/small/crosshatch-style-background-pattern.jpg) repeat;
    content: '';
    width: 100%;
    height: 70px;
    display: block;
}
.x-pricing-table .x-pricing-column:nth-child(2) h2:before {
    background: url(https://image.freepik.com/free-vector/abstract-geometric-pattern-background_1319-242.jpg) repeat;
    content: '';
    width: 100%;
    height: 70px;
    display: block;
}
.x-pricing-table .x-pricing-column:nth-child(3) h2:before {
    background: url(https://static.vecteezy.com/system/resources/thumbnails/000/103/376/small/crosshatch-style-background-pattern.jpg) repeat;
    content: '';
    width: 100%;
    height: 70px;
    display: block;
}
.x-pricing-table .x-pricing-column:nth-child(4) h2:before {
    background: url(https://static.vecteezy.com/system/resources/thumbnails/000/103/376/small/crosshatch-style-background-pattern.jpg) repeat;
    content: '';
    width: 100%;
    height: 70px;
    display: block;
}

Let us know if the code works for you.

Regards!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.