Back to top

Affiliate Link: Looking to Monetize With Ads?? We Personally Use:

Ezoic

Adding a Border and Background to Your List in Acabado

Featured Tiles
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

In the forums someone was interested in how to make a list within a post where the lists would have a border and a background to set them apart from the rest of the text.

I figured with a list or unorganized list with a class this should be pretty straight forward to do in Gutenberg. Hopefully this helps out more people who are looking for something similar.

Top 10 Thingies Cause I need a list

  • Project 24
  • Acabado
  • DIVI Builder
  • Cache With Style
  • 123
  • 321
  • 123
  • 32
  • 1
  • 4

Top 10 more Thingies Cause I need a list

  • Project 24
  • Acabado
  • DIVI Builder
  • Cache With Style
  • 123
  • 321
  • 123
  • 32
  • 1
  • 4

So this was accomplished by giving each column its own class (at-list-border) and (at-list-border2). Then we get the PostID number by hovering over the Permalink on the recent posts and getting the number it shows towards the bottom of the screen.

Then we apply Custom CSS to this postID and this class to allow us to color and configure specific sections how we would like to have them set up.

.postid-634 .at-list-border {
  background: #568203;
  border: 4px solid #000000;
  /* font-size: 42px */
  color: #000000;
}

.postid-634 .at-list-border2 {
  background: #0000ff;
  border: 4px solid #000000;
  /* font-size: 42px */
  color: #568203;
}

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals!

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content