Another simple, yet cool looking tweak is to edit the look and feel of your View More Pictures page. Not many people realize that this is achievable, especially with such a small amount of coding. Simply copy and paste the code from the example boxes below. You can find examples of these styles used in our own View More Pictures section by clicking here.

Note: These codes need to be placed in the caption of an image to display correctly.

Use the color picker below to find a color to replace COLOR in the codes below.
   
Note: When using colors in your View More Pictures Area, do not include the # symbol in front of the numbers. Since you have a very limited space in image captions, it's unnecessary.

Adding a Background Color: <style>body{background-color:COLOR;}</style>
Changing Text Color: <style>table, td, .text{color:COLOR}</style>
Changing Link Text Color: <style>a:link {color:COLOR! important;}</style>
Changing Image Border: <style>a img{border:SIZEpx solid COLOR}</style> Note: Replace SIZE with a number. (Ex: 2, 10, etc.)

Removing the Regular White Table: <style>table, td {background:transparent}</style>
Image Flip Horizontially on Mouseover: <style>a:hover img{filter:fliph;}</style>
Image Flip Vertically on Mouseover: <style>a:hover img{filter:flipv;}</style>
Image Grayscale on Mouseover: <STYLE>a:hover img {filter: Gray;}</STYLE>