Change Background Color
At the top of the page you will see these codes:
<?xml version=”1.0″ encoding=”utf-8″?>
<Piecemaker>
<Settings>
<imageWidth>980</imageWidth>
<imageHeight>360</imageHeight>
<segments>10</segments>
<tweenTime>1.2</tweenTime>
<tweenDelay>0.1</tweenDelay>
<tweenType>easeInOutBack</tweenType>
<zDistance>0</zDistance>
<expand>20</expand>
<innerColor>0x3c3f40</innerColor>
<textBackground>0xbfd8f1</textBackground>
<shadowDarkness>1</shadowDarkness>
<textDistance>25</textDistance>
<autoplay>5</autoplay>
</Settings>
Replace the HEX color code highlighted above. Save the file on your desktop with the SAME file name. It is a good idea NOT to save over your default file so you have something to restore with if there is any error.
Click into “Design” and into “Edit Html/CSS” to upload your new piecemakerXML.xml file.
Change Font Color
You can customize the font color and the background color of your Tumble info box by editing the piecemakerXML.css file. Open the file with Notepad for PC users OR TextEdit for MAC users.
1) Change Title font color
headline {
display: block;
font-size: 20;
color: #FFFFFF;
}
2) Change Paragraph font color
paragraph {
display: block;
color: #595d5f;
}
3) Change Link color
a {
color: #FFFFFF;
display: inline;
}
4) Change Link hover color
a:hover {
color: #15A3D6;
display: inline;
}
5) Change Inline font color
inline {
display: inline;
color: #595d5f;
}
Once you made your changes, save the file as piecemakerXML.css on your desktop. It is a good idea NOT to save over your default file so you have something to restore with if there is any error.
Click into “Design” and into “Edit Html/CSS” to upload your new piecemakerXML.css file.
