Skip to:
Content
Pages
Categories
Search
Top
Bottom

customizing the look of the button

  • Avatar of Gossy Uk
    Gossy Uk
    Member

    @gossyomega1

    How can I customize the Share It button? I want the button to be just a text that says “Share” What are the CSS classes to edit?

    Thanks lot

Viewing 5 replies - 1 through 5 (of 5 total)
  • Avatar of @modemlooper
    @modemlooper
    Moderator

    @modemlooper

    It uses the CSS from bp-default.

    Avatar of Gossy Uk
    Gossy Uk
    Member

    @gossyomega1

    Oh thanks..

    So what class or section can i edit to help me out with this? Sorry to bother you much..

    Avatar of @modemlooper
    @modemlooper
    Moderator

    @modemlooper

    Off top of head, .button

    Use firebug and you can find CSS easily

    Avatar of Gossy Uk
    Gossy Uk
    Member

    @gossyomega1

    I have done the edits and no changes effected.

    I used the firebug and found this CSS class
    1. bp-share-it-button and the span class
    2. button buddypress-share-button as the button class.. But the problem may be that the naming of the class has space between button and buddypress and this may cause some issues?

    I still made changes and nothing reflected.

    Avatar of Gossy Uk
    Gossy Uk
    Member

    @gossyomega1

    Finally did it..

    went to bp-share-it.php and renamed the class of the button to button-buddpress-share-button removing the space in the class name

    then i went to the buddypress-share-it/style.css and used the class to style the button.

    many thanks

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

The forum ‘BuddyShare’ is closed to new topics and replies.