First character of span disappears only in Chrome [closed] - css

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Chrome was the only browser to pick up the :first-letter in my CSS. Solved

Found this selector which is hiding it.
.old-price:first-letter {
visibility: hidden;
}
You can find it yourself in the chrome developer toolbar.

Related

Chrome font rendering [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
Faced with incorrect font rendering in chrome.
The screenshot shows that the first item in the list has a different color:
But all items in list have the same css properties:
Approximation looks like this:
For example, IE 11 does not have that problem:
Why is this happening?
backface-visibility: hidden will help

Website not scrolling vertically [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
My my website is not scrolling. This is the site https://www.wohooo.net/
It was scrolling before and then suddenly stopped. I am unable to troubleshoot it extensively because I created it with Adobe Muse. I have tried on multiple browsers and computers but is still the same for me.
Add this to the css file:
html {
overflow:scroll;
}
If it still doesn't work, try this:
html {
overflow:scroll;
width:110%;
}
Hope this solves your problem!

Appearance of the button's edges in mozilla [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
While I open my site via Mozilla firefox, the edges of buttons is not smooth and well-rounded, I don't have this problem via IE10 or chrome, Please check the following screen-shot:
http://www.jomsocial.com/media/kunena/attachments/118027/bdbtn.jpg
What is wrong?
Regards
Maybe you need the -moz prefix, but I think that the latest Firefox version doesn't need this prefix. Take a look to this website
So your CSS rule should be like
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
Ps: sorry for my bad English :P

Changing color of svg path [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I create this SVG file and inside that there is a path called with the ID "prova" (check it with firebug, it's the red tooth)
http://studiodentisticocova.com/Psicologia-funzionale_03_provasvg.svg
The question is, how can i change the colour of that path? In CSS or jQuery because I would make an "Hover" over it! I tried in many ways but I wasn't able.
Thanks!
Unless there is a specificity issue
#prova:hover {
fill: yourcolorhere;
}
should work.
JSFiddle

Need help moving div to top so that it is cross-browser compatible [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 8 years ago.
Improve this question
I'm looking at a review system for my site, and currently the implementation has it shown at the very bottom of the page (please see the url: http://tinyurl.com/mlvq48w)
I think DIV.yotpo.reviews.yoNoPad is what encompasses the whole thing.
Can someone tell me how to move that up to the top using css so that it will be cross-browser compatible?
I'm not too concerned about obscure or very old browsers.
Remove clear: both; from .yoyo. This is the same DIV you mentioned.
Or
Add display: inline-block; instead of display: block; as Keith mentioned below.

Resources