Those images are partt of the DirectCSS of your designer.
They are the .sqx series (from .sq1 to .sq9).
For example, this is the typical entry of .sq1:
.sq1 {
border: 0px;
padding: 0px;
position: absolute;
background:url(http://designer.realtimedesigner.com/library_images/icons/arrow_left_top.png);
cursor:nw-resize;
}
Look carefully at that image: it's a 35x35 px one, with the arrow located on a portion of it.
Reason is because the default RTD image for arrows is only ONE.
Specifically, into the ICONS AND IMAGES section, it's the "small resize square" one.
In past it used to be animated gif, but all resize points looked the same.
Now, if you have arrows, it more likely is a fully transparent image. But if you check, you will notice it's a transparent 35x35 just like the allow images.
THIS IS IMPORTANT: the "small resize square" image is the one used by the RTD to determine the offset of the buttons. So YOU NEED TO BE SURE IMAGES ARE SIZE RELATED, if you'll try to change them.
That said, the things you have to do to make the bigger (or change them in general):
1) you need to create your 9 images, all same size, for the different arrows
2) you need to load as "small resize square" image a fully transparent one of the same size
3) edit your DirectCSS to use your images as backgrounds instead of the default RTD ones
Hope this helps!
Alex
