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

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?