Button Style

[lazysheepmedia]

Folks

Please refer to this link

http://www.lettingagentsupportklub.co.uk/j3/free-tools/yield-calculator.html

If you look at the reset button at the bottom it is not rendered properly - When you hover over both the rest and the calculate button they have an hover effect which I want to get rid of

Where is the CSS file so I can change it please?

Thanks

Mark

 

[lazysheepmedia]

Gentle bump

 

[Sophist]

Rob (who deals with CSS stuff normally) is on vacation this week, but I will try to help.

The CSS which is causing the transition is from bootstrap.min.css .btn:hover:

.btn:hover {
color:#333333;
text-decoration:none;
background-color:#e6e6e6;
*background-color:#d9d9d9;
background-position:0 -15px;
-webkit-transition:background-position 0.1s linear;
-moz-transition:background-position 0.1s linear;
-o-transition:background-position 0.1s linear;
transition:background-position 0.1s linear;
}

This looks like standard bootstrap code. I note that you are on bootstrap 2.1 when the current version is 2.3.2 - so I would suggest that you upgrade your bootstrap as a first step and see if that helps.

P.S. It is the background-position and transition lines which cause the hover effect you don't like.

S

 

[Sophist]

BS 2.3.2 CSS has the following:

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

 

[Sophist]

P.S. Use the bootstrap files from Joomla 3.1.5 as these have been modified to prevent issues with Joomla (such as fields disappearing when a tooltip closes).

 

[lazysheepmedia]

Thanks Sophist

I'll take a look tomorrow and report back

Regards

Mark


Sent via my iPhone using Tapatalk app

 

[lazysheepmedia]

Thanks Sophist

I have tried to change the files but it is having no effect - Can you please point me in the right direction as to which file I need to change as it may be that O am changing the wrong files

Thanks

Mark

 

[Sophist]

If you are on Joomla3, just update to 3.1.5 and you should get the new bootstrap files.

 

[lazysheepmedia]

Thanks sophist I'll give it a go

Regards

Mark


Sent via my iPhone using Tapatalk app