1. 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.
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
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
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!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok