Your Time:
Our Time:
← Back to discussions

Replace "play" and "download" buttons

Need help with a different issue? Search the forums or open a new ticket.
Open a support ticket

This topic has 22 replies, 3 voices, and was last updated 10 years, 7 months ago by Anonymous.

  • 2016-01-27 at 9:17 pm
    Support Expired
    #12536
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    Hello,
    Please is there a way to replace the “play” and “download” buttons with Text or another icon?

    Thank You in advance.

    2016-01-28 at 11:57 am
    #12551
    Anonymous
    Inactive
    • Topics: 0
    • Replies: 3227
    • Total posts: 3227
    • Post count: 0

    For play button, you can add an icon and for download button, you can’t add an icon but you can add text for that.

    2016-01-28 at 12:01 pm
    Support Expired
    #12552
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    Thank you for your quick reply. Please can you show me how? Where do i edit?

    2016-01-28 at 3:46 pm
    #12559
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Please share a screenshot of which icon you wish to change so based on that we can guide you the location and possibilities with those icons

    2016-01-28 at 7:22 pm
    Support Expired
    #12562
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    With the download button i’d like to display the text DOWNLOAD

    and with the play , i’d like to use the attached pic

    2016-01-29 at 5:47 pm
    #12589
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    I know its a text or image where you want to put that there are plenty of places in the theme where we have used play and download icons. Kindly please send me a screenshot Like as i have done for you according to my knowledge.

    2016-01-30 at 5:50 am
    Support Expired
    #12601
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    the screenshot you sent, thats exactly what i want. The highlighted Part .

    2016-01-31 at 8:11 pm
    #12621
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Its there at many places which you need to change that and if you want to customize that i can let you know the php files.

    musicband/albums/single-albums.php
    framework/shortcode/music-albums.php
    framework/widgets/music-albums.php

    2016-02-01 at 4:14 pm
    Support Expired
    #12644
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    hello , i’m slightly confused now.

    2016-02-01 at 4:18 pm
    Support Expired
    #12645
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    i want it everywhere

    2016-02-01 at 7:10 pm
    #12650
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Following are the buttons for the play we are using

    musicplay/images/playing.gif
    musicplay/images/playing_white.gif
    musicplay/images/play.gif
    musicplay/images/play_white.gif

    css for this is in style.css for you to modify

    .ivaplay {
        display: table-cell;
        border-radius: 50px;
        height: 26px;
        margin: 0 auto;
        vertical-align: middle;
        background: url('images/play.png') no-repeat scroll center center transparent;
    }

    For downloads its not possible to change that into the image as we are using the icons instead of image.

    • This reply was modified 10 years, 7 months ago by Fem.
    2016-02-01 at 7:17 pm
    Support Expired
    #12652
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    Thank you very much. i’ll try and edit it and see.

    But you did say i can change the DOWNLOAD ICON to the text “DOWNLOAD” . Please how do i do that ?

    2016-02-01 at 9:09 pm
    Support Expired
    #12655
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    its not working …. or i think i am doing something wrong. i uploaded my new play button to the same folder and pointed the url to the new button’s .png here in my css

    background: url(‘images/NEWplay.png’) no-repeat scroll center center transparent;

    …but its not showing up.

    2016-02-01 at 10:37 pm
    Support Expired
    #12658
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    I finally got it to work but how can i increase the width of the play button css , it seems to be limited in width somehow

    2016-02-03 at 1:02 pm
    #12692
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Regarding the download text you need to customize in the same files as i said and look for the following code and change it to your text

    <i class="fa fa-download fa-lg fa-fw"></i>

    Regards
    Maqk

    2016-02-03 at 1:05 pm
    #12693
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    You need to play around with the css for customizing it. You need to use chrome and inspect the element and debug it to see where to make changes etc. The following tutorial will help you out on how to use the chrome to make yourself easy to handle with such things. https://www.youtube.com/watch?v=nV9PLPFTnkE

    2016-02-03 at 2:36 pm
    Support Expired
    #12698
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    Thank you, I’ll try it and let you know how it goes. Have a nice day. 🙂

    2016-02-03 at 3:41 pm
    Support Expired
    #12699
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    hello , with the code
    <i class=”fa fa-download fa-lg fa-fw”></i>

    there is more than one instance of it in ‘ musicband/albums/single-albums.php ‘

    Do i need to replace everything ? i’m a bit confused

    2016-02-03 at 3:55 pm
    Support Expired
    #12700
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    sorry about that … there’s only one … but i’m still having a hard time trying to figure out where to place the “DOWNLOAD” text in the code.

    2016-02-03 at 4:31 pm
    Support Expired
    #12701
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    i just broke my play and download counter

    2016-02-03 at 6:37 pm
    Support Expired
    #12705
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    So basically , the play and download counter has stopped working

    and the Download Button too has stopped working. i tried replacing the file (musicband/albums/single-albums.php) i tried editing before these problems started , but the problem still exists.

    2016-02-04 at 2:39 am
    Support Expired
    #12713
    kiddiebeatz
    Participant
    • Topics: 6
    • Replies: 47
    • Total posts: 53
    • Post count: 55

    UPDATE: i reinstalled the theme and it fixed the play and download count problem.

    2016-02-05 at 10:48 am
    #12748
    Anonymous
    Inactive
    • Topics: 0
    • Replies: 3227
    • Total posts: 3227
    • Post count: 0

    Glad that you have resolved!!! We are setting this topic as resolved. If you wish to update this topic please reply here instead of creating another topic.

You must be logged in to reply to this topic.