blakelong

<p><iframe loading="lazy" title="Custom Frames settings page" width="750" height="422" src="https://www.youtube.com/embed/3vp6TnuD7jU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Custom Frames allows you to easily create a picture frame without having to write any code. You can add the frame to pictures by using the shortcode [customframe].</p>
<h4>Features</h4>
<ul>
<li>Border settings page to control the frames border</li>
<li>Shadow settings page to control the frames shadow</li>
<li>Caption settings page to how a caption would interact with the frame</li>
<li>Easy to use shortcode to place the frame around a picture</li>
</ul>
<h3>Shortcode</h3>
<p>Custom Frames uses the shortcode [customframe] in order to specify which picture to apply the frame to.</p>
<p>The following shortcode accepts 5 attributes.<br />
[customframe src=”” height=”” width=”” caption=”” class=””]</p>
<p>The src attribute is required and should be the url to the picture.<br />
The height attribute is optional and is used to define the height of the picture. The default value is 300.<br />
The width attribute is optional and is used to define the width of the picture. The default value is 450.<br />
The caption attribue is optional and is used to add a caption to the picture.<br />
The class attribue is optional and is used to add a css class to the picture frame.</p>


Custom Frames

Custom Frames allows you to easily create a picture frame without having to write any code.

jessai

peggy

<p>Just put frame on your picture when the mousse hover. You can choose color and width of border and padding.<br />
When mouse on the image it change padding color.</p>
<p>Now you can choose the type of border</p>


frame-image

Just put frame on your picture when the mouse hover.

Custom Frames vs frame-image