Pricing Table: feature

[Fernando Molina]

I do not see anywhere how to configure “feature” position. It is showing as a horizontal line right bellow features list

[Tony]

Do you mean compare all feature in live demo ?
If so, they are html module. Check the quickstart package to get the code.

[Fernando Molina]

I mean that green stripe that cuts the right hand corner of the table right above the title (featured text) with words like “best deal”

• This reply was modified 4 years ago by Fernando Molina.

[Tony]

The feature badge is static position. You need to custom the css to change the position for it.
Thanks

[Fernando Molina]

Is there a hint on how to do that? Would it be too complex to have this functionality in the particle?

[Tony]

“Is there a hint on how to do that?”
What’s the result you wish to change ??
“Would it be too complex to have this functionality in the particle?”
Its a static position, most pricing table using top-right position to present the badge(or highlight text). By default, we added to the top-right position, on RTL layout mode, the position changed to the top-left by using css.
If you want to assign the badge to custom position, you need to add CUSTOM CSS code for this task.

[Tony]

Default css code for the badge (or highlight text) here

.tm-price-table_featured-inner {
    text-align: center;
    left: 0;
    width: 200%;
    -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    margin-top: 35px;
    font-size: 14px;
    line-height: 2;
    color: #fff;
}

You can modify the custom css code into theme_name/custom/scss/custom.scss file.