Creating button and box's

  • Unknown's avatar

    How do you create a button that can be clicked on to download a PDF?

    Also create a new box for special text that can be stationary on home page

    I have wordpress.com and options seem limited.

    Thank you for any assistance.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, I see you have the premium upgrade, so you can write and change the CSS for your site, including creating the styling for buttons. Here is just a quick example of what can be done.

    I added the following CSS to style a button.

    .my-button {
        background: #CC0000;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #000000;
        box-shadow: 5px 5px 10px #555555;
        color: #FFFFFF;
        text-shadow: 2px 2px #000;
    }

    I created a text link in my post/page and set the class of “my-button” in the link code as below.

    <a class="my-button" href="URL_OF_FILE">Download</a>

    You can give the above a try and play with the settings.

    Alternately, you can create your own button in an image editing or graphics program and then upload that image to your media library and insert it into your post or page and link that image to your file for download.

    The CSS version I gave first lets you have whatever text you want in the link, whereas the image solution would require separate images if you wish to have different text in the button.

  • The topic ‘Creating button and box's’ is closed to new replies.