[ad_1]
The CSS code will be added to all the pages, but you can make your CSS code to target only home page images by crafting the CSS selector accordingly.
For example, the following CSS rule will add a red border to all the images on the website:
img { border: 1px solid red; }
while the following CSS rule will add a red border only to images on the home page:
.home img { border: 1px solid red; }
and that is because in WordPress the <body> element of the home page will always have the “home” CSS class assigned to it.
Or the CSS selector can target only images from a specific section, which has the ID “section-1”, with the following CSS rule:
#section-1 img { border: 1px solid red; }
Alternatively to crafting the CSS selector for a specific page or a specific section, in the plugin’s pro version you can choose the page on which to add the custom CSS code by using the “Apply only on these pages” section, which can be found under the custom code’s editor.