Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #849007

    Advasa
    Participant

    Hello

    Is it possible to make the ethos pricing table look like the integrity one?

    In particular how the lines above and below the “x_icon_list_item” connect to the border & the shadow effect of the feature column?

    Also I have removed the icons from the first column and now it seems the top and bottom padding have reduced compared to the columns with the icon still there. How can i style the “x_icon_list_item” for the first column?

    Thank you

    #849008

    Advasa
    Participant
    This reply has been marked as private.
    #849029

    Christian
    Moderator

    Hey there,

    We’re sorry but Stack styles are not interchangeable. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

    #849083

    Advasa
    Participant

    Ok is there any way to add the shadow effect for the featured column or is that outside of scope as well?

    Also what is the tag for me to custom style the โ€œx_icon_list_itemโ€?

    “Also I have removed the icons from the first column and now it seems the top and bottom padding have reduced compared to the columns with the icon still there. How can i style the โ€œx_icon_list_itemโ€ for the first column?”

    Thanks

    #849100

    Paul R
    Moderator

    Hi,

    To add shadow to your featured column, you can add this under Custom > CSS in the Customizer.

    
    .x-pricing-column.featured {
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    

    To style your icon list item, you can add this under Custom > CSS in the Customizer.

    
    .x-pricing-column-info ul>li {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding: 10px 20px 11px;
        font-size: 16px;
        line-height: 1.4;
    }
    

    Change the values as you like.

    Hope that helps.

    #849170

    Advasa
    Participant

    Thank you I’ll give it a go and let you know how it goes ๐Ÿ™‚

    #849175

    Christian
    Moderator

    You’re welcome. ๐Ÿ™‚

    #849267

    Advasa
    Participant

    It did help, your a legend!

    Thanks

    #849295

    Thai
    Moderator

    Glad it worked ๐Ÿ™‚

    If you need anything else, please let us know.