94 Design material website vip interface table - B2 theme WordPress beautification

Compared with the default member interface, the VIP interface of the imitating 94 design material network uses the form method to segment different permissions, which looks clearer and clearer at a glance.

Effect preview:

How?

Add the following code to the bottom of the style.css file in the theme root directory and save it.

 /*Member*/ .vip-list-in { padding: 0px; } .vip-item { padding: 0; Width: 30%;/* 20%, 25%, 50% width segmentation*/ border: 1px solid #ffffff; } /*H2 Title*/ .vip-list-in h2 { padding: 20px 0; background: #ece7dd; } .vip-list-in .vip-price { margin: 0; padding: 20px 0; background: #fff7e9; } .vip-row li { margin: 1px 0; margin-bottom: 1px; margin-bottom: 0; padding: 15px 0; border-bottom: 1px solid #fff; background: #f9f9f9; } .vip-buy { margin: 0; padding: 20px; background: #fbf9f7; } .vip-allow.allow i { Color: # e0ac7f;/* Icon color*/ }

Related links:

94 Design material website module title - B2 theme WordPress beautification

Muze

• July 9, 20
• Like: zero
• Browse: 1.4k

Simple and refreshing quick guide card - WordPress block

Muze

• April 23, 20
• Like: zero
• Browse: six hundred and seventy-two