Alignment of buttons and features in mobile 1 column view

  • I would like to change the alignment of the buttons and features in mobile view.
    In desktop view, the features column has align:left and the buttons in the column next to it are align:center.
    In mobile view the features and buttons are shown in one single column. In this case, both elements are centered which looks terrible.
    From my point of view, one possibility for 1-single column view (mobile) would be to have the buttons left to the feature and both align:left within the cell.
    Another less good looking possibility would be to have the position of the feature and the buttons as it is, but to set them to align-right.
    I hope you know what I mean.

    https://www.ads-software.com/plugins/wrc-pricing-tables/

Viewing 1 replies (of 1 total)

  • You can do whatever you want by editing CSS if you know CSS. I’m helping you a little bit. Open wrcpt-front.css file and find div.wrc_pricing_table .center, remove text-align: center;, again find div.wrc_pricing_table div.package_details li.feature_style_1 and add padding-left: 15px;. Hopefully, it will help you to understand about editing CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘Alignment of buttons and features in mobile 1 column view’ is closed to new replies.