PDA

View Full Version : problem with font sizes


Morwong
01-23-2015, 07:11 AM
Hi there,
I have trouble to get the font size to match on one of my pages, and I would greatly appreciate help. I am new to this, so please explain it for an beginner.
Thank you!

The URL is
http://marenwellenreuther.com/Research%20Projects.html

and the code for the 4 segments is


<!-- Main -->
<div id="main">
<div id="content" class="container">
<section>
<header>
<h2>RESEARCH PROJECTS</h2>
<span class="byline">For a more complete list of ongoing work please see my <a href="/Publications.html">Publication</a> page</span>
</header>

</section>
<!-- Main -->
<div id="main">
<div id="content" class="container">



<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic01.jpg" alt=""></a>
<p><header>
<h3><strong>Ecological, behavioural and genetic population divergence in damselflies</strong></h3>
</header>
<p>Calopteryx damselflies are widespread across Europe and display staggering intra-and interpopulation divergence in phenotype. We have been using ecological, genetic and behavioural aproaches to tease apart the relative importance of different processes.<br>
</section>



<section class="6u">
<a href="#" class="image full"><img src="images/pic02.jpg" alt=""></a>
<header>
<h3><strong>Adaptive and non-adaptive mechanisms in damselfly radiations</strong></h3>
<p></header>
<p>Closely related damselflies often show negligible ecological differentiation yet large divergence in characters associated with reproduction. Our work investigates the strength of adaptive and non-adaptive mechanisms in damselfly radiations. <br>
</section>



</div>
<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic03.jpg" alt=""></a>
<header>
<h3><strong>Inversion polymorphism and adaptation in seaweed flies</strong></h3>
<p></header>
<p>The photograph shows one of our field sites at the Lofoten island chain in Norway where we collect seaweed flies. Ecological data, inversion frequencies, transcriptomic and genomic data is being gathered for this project with the aim to better understand the role of inversion polymorphism in adaptation. <br>
</section>



<section class="6u">
<a href="#" class="image full"><img src="images/pic04.jpg" alt=""></a>
<p><header>
<p><h3><strong>Adaptive radiation in triplefin fishes</strong></h3>
</header>
<p>New Zealand has the greatest diversity of triplefin fishes worldwide and the vast majority of the occur in sympatry. My research has looked into the ecological factors associated with speciation in this group. (Photograph: <em>Forsterygion lapillum</em>). <br>
</section>
</div>

</div>
</div>
</div>

</div>
<!-- /Main -->

edbr
01-23-2015, 07:55 AM
check your css sheets and look for the font family and font size ,

Morwong
01-23-2015, 05:59 PM
Hello,
thank you for the comment.

I opened the css style sheet and checked it, and I also checked the style codings of the text. The small appearing and large appearing texts on the page have the same underlying css style, so I cannot see why they would be in different fonts on that page.

What am I doing wrong?

Thanks Maren

edbr
01-24-2015, 12:09 AM
I looked quickly on code inspector and i think you are getting a font increase from last-child using font at 120%
lines 153-158article:last-child
{
margin-bottom: 0;
font-size: 120%;
}
if not needed try
article:last-child
{
margin-bottom: 0;
font-size: 100%;
}
orso it will basically do nothing

Morwong
01-24-2015, 04:39 AM
Dear edbr,
thanks, I found what you were referring too, thank you. Thing is, I woudl liek all of the text to be large, so 120. How do I change the css style to make all 4 sections of the page appear similarly large?
Thanks in advance, Maren

d a v e
01-24-2015, 05:14 AM
change the font size to 140% (or 144% to be exact)