CODEWITHSUNDEEP
htmlcss
James L.
James L.

Reputation: 1153

Disable appear link on hover

The ahref link under the h2 tag only appears when you hover over that place, otherwise it disappears. How do I remove the disappearing behavior ? I want to make it normal and appear all the time.

Here is the Html

<div class="doctor_name">
  <h1> {{doctor.name}} </h1>

  <h2 style="text-transform: uppercase;"> {{doctor.specialization.name}} </h2>
 <h2> <a href="/clinic/{{clinic.slug}}/">{{clinic.name}}</a></h2>
  <h2 style="color: grey;"> {{doctor.clinic.address_normal}} </h2>

Here is the css

.doctor_name > h2 {
    margin-top: -1px;
    font-size: 1.20em;
    margin-bottom: 3px;
    margin-left: 1px;
}

.doctor_name{
    width: 303px;
    margin-left: 200px;
    margin-top: -234px;
    padding-bottom: 100px;
}

.doctor_name > h1{
    margin-top: 10px;
    font-size: 2.2em;
}

Upvotes: 0

Views: 109

Answers (2)

Cayce K
Cayce K

Reputation: 2338

Problem: Link is white on a white background.

Solution: Give it css coloring and decoration to stand out within the associated position. Obviously once you change the color it will be visible no matter, but you are more than welcome to change/add more stylings! 

h2 > a{
    color: green;
    text-decoration: underline;
}

Upvotes: 1

Manjunath Siddappa
Manjunath Siddappa

Reputation: 2157

Try this

h2 > a{ 
    color:red; 
    text-decoration:underline; 
}

If it does not work, try this

h2 > a{ 
    color:red!important; 
    text-decoration: underline!important; 
}

Upvotes: 0

Related Questions