Download Box

Homepage › Community Forums › Legacy Theme Support › Download Box

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 13, 2013 at 3:01 am #3156
    tjd
    Customer

      Hi

      I would like to use the download box on one of my Pages. Is it possible to put into one box, 2 items? Specifically, I would like to include an Audio file and the text.pdf of the recording. Can that be done?

      And also, Can I have several download boxes on one Page?

      Thanx

      Tom     tomjdolan.com

       

      March 13, 2013 at 1:06 pm #3159
      Wes
      Moderator

        Yes you can place anything you want inside of the box since it’s basically just a background.  The instructions on how to do it are at the bottom of this page – http://demo.appfinite.com/legacy/buttons-boxes/

        March 15, 2013 at 5:58 am #3190
        tjd
        Customer

          OK Wes,

          So once again revealing my new-ness to all things code, I loaded several different items into the Download Box in an attempt to get it to ‘work’. Everytime  I selected the Green Arrow ….. nothing happened. It took a few tries and it finally dawned on me what you meant by “it’s basically just a background.”  

          But once I got it, I got it.

          Thanx again Wes.

          Tom

          March 15, 2013 at 9:54 am #3193
          tjd
          Customer

            Hi Wes,     Here’s a PS the above message.  

            I began working with the Download Box this eve. I discovered that the Box contains a Font Style that I’m not familiar with. I attempted to change it in the css but didn’t find a way to do it.  If you visit the page with this link:  http://tomjdolan.com/test-page/?preview=true&preview_id=5570&preview_nonce=7cb6fa7ccf     you’ll see the font. Also  you’ll see that the font color changes from gray to black (which I set,) but it only affects the text between the downloaded media files, not the file text itself. I think it’s kinda odd. Anyway,

            I’d like to replace the green arrow with the Red I use throughout the site but I didn’t discover a way. If I have to keep it, I can do that. Additionally, I wanted to put an audio file and a pdf in the same box. The idea being that I write it, then record it, and the visitor/client can download them from the same location. Now this may not be possible with this box and if not, I need to know that now rather then later…

            Hope I’ve given you enuf info to assist me.

            Thanx,

            Tom Dolan     tomjdolan.com

            March 15, 2013 at 11:41 am #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.

              March 16, 2013 at 12:32 am #3209
              tjd
              Customer

                Hello from Tokyo,

                Well the Dropdown Box doesn’t want to cooperate today… so it seems. Although I have been working on the css dropload-box, the css changes I’ve made, which look ok, are not reflected in the box on the Page. So I’ve figured out that styling the box in the Dashboard html by adding, font, color & size,  I get the result on the Page. Not sure why, but I can live with it. As far as the Green arrow goes.

                I like the Arrow. It’s a png. image and the code sits on the line of the box background, which I’ve changed to grey, but I can’t see a way to change the color green. But, Most frustrating today is this,

                I can’t seem to find the correct link to attach to a file so it downloads. I either get a link to the page on my site, or I get an html page in my computer download folder and it can’t be opened. I am pulling files from my media library and I only have about 12 items in there. Totally confused here. Really, all I want to do at this time is be able to download audio files and corresponding pdf’s.

                Well it’s saturday here now, winter is still around but the sun shines, and I’ve got a weekend to sort this out with any luck.

                Thanx for the help.

                Tom

                March 16, 2013 at 12:43 am #3210
                tjd
                Customer

                  Hi Wes, another PS/

                  I was just looking at the code for the Buttons and I want to be sure that I’m linking to the correct item in the html for the download box.

                  Today I’ve been linking the media files to the Text that replaces ‘This is a Download Box”… I’ve tried the url for the media file, even the permalink..

                  hope this helps…

                  Tom

                  March 16, 2013 at 12:47 pm #3213
                  Wes
                  Moderator

                    As mentioned earlier, this is how you add a box or button –

                    <div class="download-box"><a href="link_to_your_file" rel="nofollow">This is a Download box.</a></div>

                    March 16, 2013 at 6:44 pm #3216
                    tjd
                    Customer

                      Wes,

                      I’ll work on it today. I’ve examined the html code of both files as they appear in the Dashboard and they appear to be structured identically. There may be some issue in the Media Library I’m unaware of and I’ll check out that issue in the WordPress forums.

                      One last item and I’m outta here. The Green Arrow is a png image…can it be styled? If so, is it styled in the line of code of the image, or, is the image changed, and if so, where does the image originate?

                      Thanx Wes, you’ve always been helpful and patient.

                      Tom Dolan

                      March 16, 2013 at 11:05 pm #3219
                      Wes
                      Moderator

                        Yes the arrow is an image. So if you want it to appear different you would have to create another image, or alter the image with Photoshop or any image editing software. It is a png file, but it’s not something you can style with css in this case.

                        March 16, 2013 at 11:36 pm #3220
                        tjd
                        Customer

                          Wes,

                          Helpful, always considerate.

                          I posted on the WP forums today to see if I can generate some discussion and figure out why the difference in files that I’m downloading. But that’s not your issue, and so unless I figure out something enormously useful for other forum readers here, I’m done with this issue.

                          Thank you so much,

                          Tom

                          March 16, 2013 at 11:37 pm #3221
                          Wes
                          Moderator

                            You’re Welcome

                          • Author
                            Posts
                          Viewing 12 posts - 1 through 12 (of 12 total)
                          • The topic ‘Download Box’ is closed to new replies.