Ne Kr Ne Kr - 1 month ago 20
HTML Question

overwrite another tag in CSS

I am trying to minimize the height between the words: "frihedskamp og fremtidsforelskelse" on this page: My Portfolio (Where the black picture is)

If I delete the CSS tag in line 149, the height between the lines are normal. I tried to add the following to overwrite that on line 266:

HTML

<div class="col-md-3 col-sm-6 col-xs-12">

<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/courses/au/designteori-og-historie/forelaesninger-slides/frihedskamp-og-fremtidsforelskelse.jpg" alt="Designteori">
</div>
</a>

<div class="block-data">
<h3>
<a href="#">Frihedskamp Og Fremtidsforelskelse</a>
</h3>
</div>
</article>

</div>


CSS

.block-thumbnail .block-data h3 a {
font-size: 18px;
font-weight: 900;
color: #fff;
line-height: 1.0
}


I thought that a line-height could do the job, but that is not working. Does anybody have an idea on how I can set a "normal" line-height?

Answer

first of all you should put px after the line height. secondly you can put the !important after the line height like line-height: 25px !important;

i think the line-height by default is 25px or 20px