Custom Navbar icon appeared with default start icon

[Kateryna Grynko]

Hi Alex,

You would need to change CSS selector.

Replace:pre
.myButtonWithphone .ui-icon.ui-icon-plus/preWith:pre
[name=mobilenavbaritemName]:after/preWhere 'mobilenavbaritemName' is a mobile navbar item name

[Alex GG]

Katya,

Your solution worked great.

I just need one more thing...How to center the icon on the button?

And if it possible to make the backgroung of another color?

Regards

[Yurii Orishchuk]

Hi Alex,

Solution you are searching very depends on your current implementation.

Thus please give us your app public link.

Also please try this:

1 Activate your button and in property "position" set "no text" value. See details: http://prntscr.com/3wup2q/direct

2 Add to your button css class "buttonWithCertainBackground". http://prntscr.com/3wut65/direct

3 Add new CSS Asset and fill it with following code: http://prntscr.com/3wutf2/direct

pre

html head + body .ui-btn.buttonWithCertainBackground{
background-color: #f00;
}

/pre

Regards.