Advertisement

The Advertisement Block lets you display the ads on your site. The blocks allow you to display the ads in the form of images where you can upload the image directly or display it via the external advertisement URL.

Once you have selected the Block, you will get two options: Settings and Advanced. These tabs are to make changes to your block design. Let’s explore one by one below:

Block Settings #

The settings section mainly consists of four options as listed below:

General #

The general settings come with five options for customizing the Advertisement block. The options are listed below:

  1. Image Size – It provides you to choose the appropriate image size for the ads. You cannot add the custom image size but choose the one from the available options.
  2. Alignment – It consists of the settings of the advertisement alignments. You can either set the ad image on the Left, Right, or Center upon the site requirements. Moreover, you can select the alignments for different devices (Desktop, Mobile, and Tablet).
  3. Advertisement Image – Inside the section, you can assign the appropriate advertisement image. You can add the image from your Local PC or an External Source.
  4. Advertisement URL – You can add the respective URL, which will open when clicking on the advertisement image.
  5. Open Link in a New Tab – Enabling the option will open the advertisement URL in a new tab.
  6. No Follow Link – Enabling the option will direct the search engines not to use the advertisement URL for page ranking calculations.

Image #

Inside the section, you can change the border-radius value of the advertisement image. It lets you add round corners to the images.

According to the site requirement, you can set the border-radius value along with the units like px, em, %, or rem. Moreover, you can set the border radius value for various devices (Desktop, Mobile, and Tablet).

Advanced Settings #

The Advanced section consists of two customization options for the Block.

Advanced #

Inside the Advanced > Block Margin section, you will have the option to add the Block Margin values to all four sides of the block.

According to the site requirement, you can assign a specific margin value to the block along with units like px, em, %, and rem. Moreover, you can set the value of the different margins for various devices (Desktop, Tablet, and Mobile)

CSS #

It allows you to add a CSS class to your block, letting you write custom CSS to style this particular block.

For example, if you want to add the custom size for the advertisement image, you can add a class such as advertisement-image-size to the Additional CSS Class field. After that, visit your CSS editor and write a style for the class as below:

.advertisement-image-size img{
width:70px;
height:20px;
}

Upon adding the code, it will make the changes only to this particular block and not others.

Powered by BetterDocs

Scroll to top