Archive Page "Read More" on Safari

This topic contains 5 replies, has 2 voices, and was last updated by  Paul 4 years, 8 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • August 27, 2019 at 3:31 pm #505165

    Paul
    Lifetime Member
    Post count: 139

    Hey,
    I’m having trouble finding a solution to what I believe is a css problem. I changed the background on the Archive page, which meant I had to change the color of the “Read More” section to match. It is presenting different on Safari than it is on Chrome and Firefox.

    Could you help me out with the css?

    August 27, 2019 at 3:33 pm #505167

    Paul
    Lifetime Member
    Post count: 139
    This reply has been marked as private.
    August 27, 2019 at 4:17 pm #505173

    Kor
    Moderator
    Post count: 16516

    Hi P B,

    Thanks for your post. I’ve just checked your Website on a MAC Safari comparing with Chrome and Firefox and I don’t see any difference on the “Read More” font color. Are you referring to the gradient behind the “Read More” link? Or could you share some screenshots of the issue you had on your end?

    Thanks!

    August 27, 2019 at 7:00 pm #505195

    Paul
    Lifetime Member
    Post count: 139

    Hi Kor,

    Sorry for the lack of clarity. Yes, the gradient behind the Read More link is the issue.

    PB

    August 27, 2019 at 7:24 pm #505205

    Kor
    Moderator
    Post count: 16516

    Hi PB,

    Thanks for your reply. Could you try applying the custom CSS code below and see if it helps? If the issue persists, share your Website WP admin access here in private reply and I’ll check on it.

    body ul.geodir-category-list-view li .gd-list-item-right .geodir-field-post_content .gd-read-more {
  background: -webkit-linear-gradient(to top, white, rgba(255,255,255,0));
   background: -o-linear-gradient(to top, white, rgba(255,255,255,0));
   background: -moz-linear-gradient(to top, white, rgba(255,255,255,0));
   background: linear-gradient(to top, white, rgba(255,255,255,0));
}
    August 27, 2019 at 10:58 pm #505232

    Paul
    Lifetime Member
    Post count: 139

    Kor,

    I had to do a minor modification to match the background color, but it’s working great.

    Thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket