Shape 5

Hello,
When i click on the read more button into an article, the text is not visible, even though i noticed it is there, when i run my mouse over the general area.
I have clicked on the display read more button in the options setting.

What could be the problem?

Regards.

Hello,

Please post a url to where this occurs.

www.kindredtravels.com

Thanks

Hello,

Your site is asking for a login.

Yeah, you know the site is under construction hence it is not live.
I will open it again for you to see.

I hope you to hear from you soon.

Regards.

Hello,

Edit the file com_content.css and find the following at line 505:

p.readmore a.btn {
display: inline-block;
padding: 0px;
margin:0px;
font-size: inherit;
line-height: inherit;
*line-height: inherit;
text-align: left;
vertical-align: auto;
cursor: pointer;
color: inherit;
text-shadow: none;
background:none;
filter: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform:none;
}


Change that section to:

p.readmore a.btn {
display: inline-block;
padding: 14px;
margin:0px;
font-size: inherit;
line-height: inherit;
*line-height: inherit;
text-align: left;
vertical-align: auto;
cursor: pointer;
color: inherit;
text-shadow: none;
filter: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform:none;
}

Hello,

I am still having issues with the Read More not displaying on some pages. See here http://kindredtravels.com/index.php/blog

Regards

Hello,

The css that I posted above has not been applied to your site. This is still applying:

p.readmore a.btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
    text-shadow: none;
    text-transform: none;
}



You can see in that code there is a background:none call and a padding:0px call. Both of these areas are changed in the css I gave above to replace that area with. You need to swap that css and save the com_content.css file.

For your convenience I have attached a copy of the corrected file to this post.

Thanks Mike,

So do I ONLY edit the file com_content.css on line 505? or should I replace the entire com_content.css file with the one you attached here to download?

Hello,

You can do either. The css file I attached is the actual css from your site, and I made the modification for you already in it.