How to change the background color and size of the ad area around the block image

  1. Home
  2. Knowledge Base
  3. Extending & Styling
  4. How to change the background color and size of the ad area around the block image

Using the class, “.easyazon-block” you can put this code into your CSS styling:

<!-- wp:paragraph -->
<p>/*comment - easyazon styling*/</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>.easyazon-block {</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>background-color: #ffffff;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>width: 284px !important;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>border-color: #ffbb00 !important;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>border-width: 2px !important;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>border-radius: 0 !important;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>}</p>
<!-- /wp:paragraph -->

The inputs to the background, width and border are examples.

Was this article helpful?