Change Button Text/Image

  • michaelgraci

    (@michaelgraci)


    9 years, 6 months ago

    Hi–Wonder if you can help. I went reading thru some past articles–I am trying to change the text. I have a child theme. I just added the code below (pulled from a previous topic) at the bottom of “custom.css”..i was expecting the button to change…no change. Am i putting the code in the right spot–do I have too embed it in the file differently.

    Appreciate the help. This is my first attempt at adding code within WordPress!

    Appreciate any help/advice.

    Thanks

    span.thumbs-rating-up::before{
    font-family: FontAwesome !important;
    content: ‘\f164’ !important;
    }

    span.thumbs-rating-down::before{
    font-family: FontAwesome !important;
    content: “\f165” !important;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Ricard Torres

    (@quicoto)

    9 years, 6 months ago

    Hello,

    Yes, this CSS should overwrite the plugin’s styles.

    Without seeing it, I can’t really tell what’s going on.

    Is the site live?

    Thread Starter michaelgraci

    (@michaelgraci)

    9 years, 6 months ago

    Hi Richard

    Thank you for such quick response. Really appreciate your work.

    I am using Buddy Boss Theme —with a child theme..–I just sent a ticket to them.

    I did another test example—from below (eliminate “Vote Down”)…when I enter this code snippet through the dashboard/theme via APPEARANCE it works…it eliminates that button on every instance where I want to display it…when I put it to custom.css–nothing changes. Hummm

    CODE SNIPPET
    .thumbs-rating-container .thumbs-rating-down{
    display: none;
    }

    For now I wanted to make sure I understands how to execute the changes. I think its a question for Buddy Boss. Let me dig a little more..I am learning as I go as well…Lets see.

    Will keep you posted.

    Site is not live but locked down.

    Mike

    Thread Starter michaelgraci

    (@michaelgraci)

    9 years, 6 months ago

    Hi Again..Some of my problem was getting fooled by cacheing—I would make the change, expect it to show up etc –and it fooled me–so I have that under control and am getting some success.

    I went thru past posts and trying some options–I am able to eliminate the down button, I can also change the font size…all good–I used the inputs from the forum.

    When I added changes below–I did not get any change in the text–any ideas?

    .thumbs-rating-container .thumbs-rating-up span:before{

    content: ‘Thumbs Up!’ !important;
    }

    ALSO is this code (below) designed to change the red and green buttons to an Icon or different image? I have not be able to get that to work.

    span.thumbs-rating-up::before{
    font-family: FontAwesome !important;
    content: ‘\f164’ !important;
    }

    span.thumbs-rating-down::before{
    font-family: FontAwesome !important;
    content: “\f165” !important;
    }

    Appreciate any hints.

    Mike

    Plugin Author Ricard Torres

    (@quicoto)

    9 years, 6 months ago

    Hey Mike,

    The code seems ok, although it seems it doesn’t work.

    I can’t see anything wrong with it, but with CSS it could be the stupidest thing.

    I wonder if perhaps you should try another rating plugin with more customisable output. One that would allow these kind of modifications from the WordPress Dashboard.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change Button Text/Image’ is closed to new replies.