By Abi on Tuesday, 02 April 2019
Posted in General
Likes 0
Views 1.2K
Votes 0
Hello,

I'm trying to override the elemets shown below by using custom CSS applied to the charm template. The changes that I expected are not taking place, particularly with the profile header. I'm using the light mode but want many of the greyish fonts to be black. Thanks in advance.

#es .es-profile-header__title {
color: #000000 !important;
}


#es .es-profile-header__meta {
color: #000000 !important;
}


#es .es-profile-header-nav {
color: #000000 !important;
}

#es .es-profile-header-nav__link {
color: #000000 !important;
}

#es .es-stream-embed__apps-context, #es .es-stream-embed__achievement-context {
color: #000000 !important;
font-weight: normal;
font-size: 12px;
display: block;
}



#es .es-stream-meta .es-stream-title {
color: #000000 !important;
}
Hi there,

Seems like we cannot access your site currently as you can see here https://take.ms/dKp2C
·
Tuesday, 02 April 2019 10:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Abdul. Please loot at my site details again. I'd given test site details.
Abi
·
Tuesday, 02 April 2019 10:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Seems like it is still being blocked as you can see here https://take.ms/M37SYf
·
Tuesday, 02 April 2019 10:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes - sorry. I've removed it now.
Abi
·
Tuesday, 02 April 2019 10:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Those custom works you have done are taking place as you can see here https://take.ms/Mz39rX. Have you tried to clear your site and browser cache first and try them again?
·
Tuesday, 02 April 2019 12:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Abdul,


Three points:-

(1)I should have been more specific . The ones below are not working. The grey shield and writing in your picture, for example.

(2) Also how can I change the writing in the side-widget to black?

#es .es-profile-header__meta {
color: #000000 !important;
}


#es .es-stream-embed__apps-context, #es .es-stream-embed__achievement-context {
color: #000000 !important;
font-weight: normal;
font-size: 12px;
display: block;
}



#es .es-stream-meta .es-stream-title {
color: #000000 !important;
}

(3) I had ignored the characters 'a' and 'b' from the values below. Are they significant?


#es .es-profile-header__meta a


#es .es-stream-embed__apps-context b, #es .es-stream-embed__achievement-context b
Abi
·
Tuesday, 02 April 2019 17:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Applied css code below. Can you give them a check and see how it goes?

[gist type="css"]
#es .t-text--muted, #es .es-profile-header-nav .btn-group.open .dropdown-toggle_ {
color: #000000 !important;
}

#es .es-profile-header__meta a {
color: #000000 !important;
}
[/gist]

(3) I had ignored the characters 'a' and 'b' from the values below. Are they significant?

You cannot ignore them as certain part of your css will required them as those design are below to that particular class. And a commonly used for links.
·
Tuesday, 02 April 2019 18:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Brilliant. Thanks Abdul.
Abi
·
Tuesday, 02 April 2019 19:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
·
Tuesday, 02 April 2019 19:09
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post