Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
Change font color and background color of Tumble Info Box

Change font color and background color of Tumble Info Box

Change Background Color

CYou can customize the background color of your Tumble info box by editing the piecemakerXML.xml file. Open the file with Notepad for PC users OR TextEdit for MAC users.

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>

tumble

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.

 

 

Tags: