Colinear – change font size in header and menus?

scoilchillruadhain · Member · Aug 31, 2015 at 11:03 pm
Copy link

Add topic to favorites
Pretty much as the title says! I have always used Coraline but now that it has been retired I’m trying to find something that looks as similar as possible. The obvious choice is Colinear but I just find the font sizes to be far too big. I feel like they are screaming at me on the page! Is there any way to change the size of the font in the header and also in the top menu bar?
TIA!
Claire.

The blog I need help with is: (visible only to logged in users)
darrellschulte · Member · Sep 1, 2015 at 8:29 am
Copy link
Hey Claire,

You could add some Custom CSS to adjust the appearance of your blog. You would need to purchase either the Premium or Business plans to be able to adjust the font size in the header and menus.

Here is an example of the CSS you would need to add in order to change those font sizes:
```
.site-title a {
    font-size: 24px;
}

.nav-menu {
    font-size: 12px;
}
```
kathrynwp · Staff · Sep 1, 2015 at 2:23 pm
Copy link
Since you don’t have custom CSS, another option is to select different fonts in the Customizer’s Fonts panel. Once you select new fonts from the dropdown menu, you can choose select different sizes as well.
darrellschulte · Member · Sep 1, 2015 at 2:28 pm
Copy link
Great point, kathrynwp. I’ve never experimented with the Headings and Base Font sizes to see if they also applied to site titles and menus.
scoilchillruadhain · Member · Sep 2, 2015 at 9:58 pm
Copy link
Thanks for your replies. My problem is that I run a group of interlinked sites for a school (one site for each year group) and now that Coraline is gone my new sites for the new class groups are not cohesive with the rest of the school… I have tried what you suggested but even though both Coraline and Colinear have the same font list, the fonts look completely different when I select them in each theme… Maybe the only solution is to switch all of the sites to Colinear :-(
kathrynwp · Staff · Sep 3, 2015 at 1:15 pm
Copy link
Maybe the only solution is to switch all of the sites to Colinear :-(

That would be ideal, since Colinear is responsive, and designed to adapt automatically to screens of all sizes, which will make your sites display better on mobile devices.
scoilchillruadhain · Member · Sep 9, 2015 at 9:11 pm
Copy link
To be honest I have found the opposite to be true! I actually just posted a new thread about it. My new sites look terrible on the iPad – the top menu has become two rows instead of one and just looks messy…
scoilchillruadhain · Member · Sep 9, 2015 at 9:17 pm
Copy link
This is a better example than the site mentioned above…
https://scoilchillruadhain2010.wordpress.com/
thesacredpath · Member · Sep 10, 2015 at 7:17 pm
Copy link
Hi @scoilchillruadhain, I just replied to the other thread you started on the menu issue on iPads: https://en.forums.wordpress.com/topic/colinear-how-to-stop-main-top-menu-stacking-on-tablet-screen?replies=3

No items found.