Ask your WordPress questions! Pay money and get answers fast! (more info)

Slide Text Display Mis-Aligned in Chrome WordPress

  • SOLVED

For the website udeserveacookie.com, the slide text is not displaying properly. I can only find this problem in Google Chrome.

Answers (3)

2015-06-11

Navjot Singh answers:

Try

.featured-description {
color: #FFFFFF;
float: left;
font-size: 14px;
margin: 75px 0 0;
position: absolute;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
width: 320px;
left: 60%;
top: 0;
}


Anne Shenton comments:

This worked, but now the "more info" box is not aligned properly (in Chrome)


Navjot Singh comments:

Can you show how?

This is at my end and More info box is at its proper place.

http://i.imgur.com/RhR9ExF.png


Anne Shenton comments:

It must have been a caching issue on my end. I cleared my browser cache but it was still not working right. I tried on another computer in Chrome and it worked fine. Sorry about that! Thanks I shall award you the money now :)

2015-06-11

Luis Abarca answers:

try this.


.featured-description {
color: #FFFFFF;
float: left;
font-size: 14px;
margin: 75px 0 0;
position: relative;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
width: 320px;

left: 60%;
top: -111%;
}


Anne Shenton comments:

I tried this but it did not seem to work.


Anne Shenton comments:

I tried this but it did not seem to work.


Luis Abarca comments:

Sorry, i used % instead of px.


.featured-description {
color: #FFFFFF;
float: left;
font-size: 14px;
margin: 75px 0 0;
position: relative;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
width: 320px;

left: 523px;
top: -343px;
}

2015-06-11

Reigel Gallarde answers:

if you can find .featured-description in your css change position to absolute... then left to 493px..

should be something like this.
.featured-description {
color: #FFFFFF;
float: left;
font-size: 14px;
left: 493px;
margin: 75px 0 0;
position: absolute;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
width: 320px;
}