Reply To: Download Box

Homepage Community Forums Legacy Theme Support Download Box Reply To: Download Box

#3194
Wes
Moderator

    Take a look around line 1767 in your css file under /* Message Boxes for the .download-box

    .download-box {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 2px 0 #ddd;
    -moz-box-shadow: 0 2px 2px 0 #ddd;
    -webkit-box-shadow: 0 2px 2px 0 #ddd;
    background: #ebebeb url(images/download-arrow.png) no-repeat 10px 15px;
    border: 3px solid #000;
    text: 16px arial;
    color: #000 !important;
    margin: 0 2px 20px;
    padding: 20px 15px 20px 55px;
    text-shadow: 1px 1px #000;
    }

    You can change the font and text shadow, as well as the arrow from here.

    You could actually remove the arrow from the background and add it in manually (inline) if you wanted to have the arrow be clickable. Another option is to just wrap the entire download box code in your html with a link like this –

    <a href="http://tomjdolan.com/wp-content/uploads/2013/01/webRez.pdf" rel="nofollow"><div class="download-box">Media Resume</div></a>

    Either of those options should work fine.