Skip to Content (Press Enter)
UserImage.jpg
TOM maya
365Views
4Comments
Solved
header color change of directory mobile app
Question

Good day guys. I would like to change the color of the header under employee list and detail page from red to green. I changed the option under the base theme and it affected everything including button except header. On searching found out that it's under common/layout web block, but on inspection of the CSS could not find anything relating to header.. please any help regarding this issue would be appreciated. Thanks

0
0
24 Aug 2017
Copy Link
2019-11-25 11-21-58
Ana Reis
 
MVP
Solution

Hi Tom,

You should be able to find it on DirectoryMobileApp Theme:

See solution in context
0
0
24 Aug 2017
Copy Link
2019-11-25 11-21-58
Ana Reis
 
MVP

Hi Tom,

The header background is build with a gradient:

/* Customization */

.header {
    background: -webkit-linear-gradient(left, #cc1c0e 0%,#e83800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(left, #cc1c0e 0%,#e83800 100%);
}

If you change it to 

.header {
    background: -webkit-linear-gradient(left, orange 0%, orange 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(left, orange 0%,orange 100%);
}

you will get an orange header like this:

Hope this helps.

Ana

2
0
24 Aug 2017
Copy Link
UserImage.jpg
TOM maya

Ana Reis wrote:

Hi Tom,

The header background is build with a gradient:

/* Customization */

.header {
    background: -webkit-linear-gradient(left, #cc1c0e 0%,#e83800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(left, #cc1c0e 0%,#e83800 100%);
}

If you change it to 

.header {
    background: -webkit-linear-gradient(left, orange 0%, orange 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(left, orange 0%,orange 100%);
}

you will get an orange header like this:

Hope this helps.

Ana

thanks, but please were can i locate the css.in my css in phone customization theme , i dont see the .header with the gradient properties, under directory mobile theme.below is what i see.Thanks



0
0
24 Aug 2017
Copy Link
2019-11-25 11-21-58
Ana Reis
 
MVP
Solution

Hi Tom,

You should be able to find it on DirectoryMobileApp Theme:

0
0
24 Aug 2017
Copy Link
UserImage.jpg
TOM maya

Ana Reis wrote:

Hi Tom,

The header background is build with a gradient:

/* Customization */

.header {
    background: -webkit-linear-gradient(left, #cc1c0e 0%,#e83800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(left, #cc1c0e 0%,#e83800 100%);
}

If you change it to 

.header {
    background: -webkit-linear-gradient(left, orange 0%, orange 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(left, orange 0%,orange 100%);
}

you will get an orange header like this:

Hope this helps.

Ana


thanks. sorry for the delay. I have  seen the code and changed it to my desired color code. Thanks alot

0
0
24 Aug 2017
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.