This is done with CSS. Are you new to WordPress, or web dev in general?
If you want to copy examples from other code, you can look at [Bootstrap](https://getbootstrap.com/docs/5.3/examples/) examples to see what site elements are and how they are built. In this case, check out the pricing card for an example similar to this.
Another great resource for discovery of things like this is W3Schools, specifically the ‘[How to create a card](https://www.w3schools.com/howto/howto_css_cards.asp)’ page. You can experiment and view changes online, then copy the code to your site.
A final option is to use your browser’s code inspector to copy the element and its .css into a code editor, customize it, and implement that in your site. This assumes a fair amount of comfort with code editing and navigating source code.
If you are new to managing web content, code or WordPress, I strongly advise you make a backup copy of your page or style.css file before changing it, then copy / paste / overwrite the page(s) you changed in case anything goes wrong.
You mean the B?
This is done with CSS. Are you new to WordPress, or web dev in general?
If you want to copy examples from other code, you can look at [Bootstrap](https://getbootstrap.com/docs/5.3/examples/) examples to see what site elements are and how they are built. In this case, check out the pricing card for an example similar to this.
Another great resource for discovery of things like this is W3Schools, specifically the ‘[How to create a card](https://www.w3schools.com/howto/howto_css_cards.asp)’ page. You can experiment and view changes online, then copy the code to your site.
As for getting it into your WordPress site, that involves editing the HTML of the page your card will appear on (inline CSS), or using the WordPress code editor to implement what you come up with: [Medium | How to Use Custom CSS on Specific Pages in WordPress](https://medium.com/gobeyond-ai/how-to-use-custom-css-on-specific-pages-in-wordpress-d7bf04e7cce5).
A final option is to use your browser’s code inspector to copy the element and its .css into a code editor, customize it, and implement that in your site. This assumes a fair amount of comfort with code editing and navigating source code.
If you are new to managing web content, code or WordPress, I strongly advise you make a backup copy of your page or style.css file before changing it, then copy / paste / overwrite the page(s) you changed in case anything goes wrong.
Hope this is helpful!