0

I have added text using the CSS on a page however when checking the page on two different PCs having same version of the Chrome browser there is a mismatch.

CSS

div.amenity-item-row.changeTravel div.brand-amenity-value.economy.YV span.amenity-value:lang(en)::after {
    content: "(One date change free)";
    position: absolute;
    margin-top: 39px;
}

Screen shots two pcs same chrome version

Ayaz Moeen
  • 41
  • 9
  • You should use your Chrome Browser Inspector to find out what's different – Martin Feb 15 '21 at 12:18
  • My best guess is that there is some cache issue involved – Despina Kastani Feb 15 '21 at 12:19
  • does it have different OS? – imste Feb 15 '21 at 12:19
  • 1
    Try hard reloading your page using Ctrl + F5. If you position your `::after` element using `position: absolute` it is possible, that it will overflow. Try using line break in your `::after`'s content like `white-space: pre; content: "\A(One date change free)";` [Read more.](https://stackoverflow.com/q/17047694/12493648) – Andris Jefimovs Feb 15 '21 at 12:22
  • @martin, The white space is removed. – Ayaz Moeen Feb 15 '21 at 13:12
  • As asked by @imstevanno, are both OS diff? Also what's chrome browser version? And why are you checking with diff currency? tried to set same currency? (Though it should not matter just trying to explore all possibilities) – Nik Feb 15 '21 at 13:46
  • Yes the OS are different for both PCs... actually the currency does not affect the CSS so changing the currency did not help. – Ayaz Moeen Feb 16 '21 at 07:03

0 Answers0