Recent
Categories
View Replies (3)

Button problems

  1. Bug
0
Votes
Undo
  1. webnanny
    webnanny
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 28 May 2017
  5.  Subscribe via email
I'm having a problem with the buttons displaying the background colors set in the template styles.

Kodaline: the prev/next button background is OK but the hover background comes up white. The button in the search box displays correctly.
Scarlett doesn't display any button backgrounds correctly excep the search box button when hovering.

In both templates the right arrow doesn't display in the Next button.

I found this piece of code for an earlier query but not sure if it will help the hover colors:

.btn {
background-image: none;
border: medium none;
border-radius: 0;
color: #fff;
padding: 8px 16px;
text-shadow: none;
}

Thank you.
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue? Have you tried changing the button hover color in your templates parameters?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
webnanny
webnanny
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
You can see the Kodaline site at http://67.227.130.173/~doodle/md/index.php/senior-does/8-senior-does/3-phoenix-farm-lady-in-red-2-m.
Button Color is set for #d7a86d and displays properly.
Button Hover Color is set for #8f3e19 but displays #f5f5f5 (acording to Colorzilla).
At the bottom of the page you can see the Search button displaying both colors properly.

I have the same problem on a Serenity site I'm working on at https://mannmaid.com/mann/index.php/8-senior-does/5-sgch-old-english-brielle-5-m. The hover color displays as #f1f1f1 but is set for #60433d. I haven't set up the Search box on that site yet.

BTW, I found the code for fixing the button chevrons. You gave it to me when I had an issue with the buttons on a slide show, so scratch the problem off the list.

Thank you.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Thank you for the update. To amend try adding the following to the Custom CSS field of your templates parameters...

.pager a:hover {

    background-color: #8f3e19 !important;

    color: #fff !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!