CSS only works in Chrome [on hold]

Working with WordPress. I have chiled theme. I write custom CSS and it works ok for me. I had no problems till now.

This code:

.adminoblak {
position: relative;

border-radius: .4em !important;
background-color: #6dab3c5c !important;
}
.adminoblak:after {
content: ”;
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 20px solid transparent;
border-left-color: #6dab3c5c;
border-right: 0;
border-bottom: 0;
margin-top: -10px;
margin-right: -20px;
}

.useroblak {
position: relative;
background: #0073aa3d !important;
border-radius: .4em !important;
}
.useroblak:after {
content: ”;
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 20px solid transparent;
border-right-color: #0073aa3d;
border-left: 0;
border-bottom: 0;
margin-top: -10px;
margin-left: -20px;
}

only works/shows in browser chrome on computer or mobile – android phone. If i open my website in any different browser this code doesn’t work.

How to make it work?

Read more here:: CSS only works in Chrome [on hold]

Leave a Reply

Your email address will not be published. Required fields are marked *