Forum Discussion

Inactive User's avatar
Inactive User
14 years ago

Replacing search button & PM inbox icon

Hey guys, this my first post in Developer forum so appreciate anyone can help me on this topic.

 

I was declaring search widget at the page header. Some formatting has gone so i have posted a question in another forum.

 

1) Now, i would like to replace the search button for the whole community including the one declared in page header with our own graphic. Is this possible? If yes, how can i do that?

 

2) I would like to replace the PM inbox envelop icon too. How can i do that? I tried finding in image assets but do not seem to find this envelop to swap our own graphic. I was able to swap the knowledgebase icon but this time, i couldn't do it for the PM inbox icon.

 

Any thoughts?

 

Cheers, Cleo

11 Replies

Sort By
Show More
  • tmergel's avatar
    tmergel
    Advisor
    12 years ago
    Thanks! I "think" that makes sense. What do you do for all the general buttons though? I got the search one to work with this code:

    #lia-body .lia-content input.lia-button.lia-button-searchForm-action{
    background-color:#ff7738;
    }

    #lia-searchform.SearchForm input#submitContext.lia-button:hover{
    background-color:#fda177;
    }

    But there are so many other buttons; login, reset, save, register, register now, reply, sign in, new message, cancel, post, etc. buttons. Does each need separate code like the search button, unique to the type of button? If that's the case, how do I decipher the correct names of the buttons for the CSS? Or, is there one general bit of custom CSS you can enter that handles them all?

    I wish this was easier! I realize it would be if I understood CSS more completely, so thanks for the links! In the meantime, before I'm a CSS guru, I'm hoping for a code fix to get me by :)

    Thanks,

    Tawny