____       _          ____                        
|  _ \ ___ | |__   ___/ ___| _   _ _ __ ___   ___  
| |_) / _ \| '_ \ / _ \___ \| | | | '_ ` _ \ / _ \ 
|  _ < (_) | |_) | (_) |__) | |_| | | | | | | (_) |
|_| \_\___/|_.__/ \___/____/ \__,_|_| |_| |_|\___/ 
                                                   
  ____            _    _                 _    
 / ___|___   ___ | | _| |__   ___   ___ | | __
| |   / _ \ / _ \| |/ / '_ \ / _ \ / _ \| |/ /
| |__| (_) | (_) |   <| |_) | (_) | (_) |   < 
 \____\___/ \___/|_|\_\_.__/ \___/ \___/|_|\_\

Resizing an image in Jotz CMS

Insert an image at full size (subject to page width)

![Central Quad](uploads/cq.jpg)

Insert an image scaled to a specific width

A HTML "style" tag can be used to specify some CSS to be applied to image elements that have alt text matching a specific string. For example,

<style>img[alt="Central Quad smaller"]{width:640px;}</style>

![Central Quad smaller](uploads/cq.jpg)

The same image can be displayed with different style (e.g. width) by giving it different alt text, as shown below:

<style>img[alt="Central Quad tiny"]{width:160px;}</style>

![Central Quad tiny](uploads/cq.jpg)