I'm trying to change the font size of just the h1, h2 portion of text. I changed the header font to a different font family by adding a font to the themesettings.php file(as a side note: the font your face module does not work here as suggested in another post. It will only change the text in the back office which doesn't do me much good). I tried creating a local.css file to override but nothing happened. Nothing seems to be able to override the original code and unfortunately the font I want to use is a smaller font so it's almost illegible when set at the base 87.5% but I can't make it larger without making ALL the text larger which looks awful.

I've been screwing around with this for over two hours now and I'm ready to admit defeat. How do I change JUST the header font sizes. Any help is appreciated.

Comments

dollar_dad’s picture

You should make a sub theme (for example egg), then you can make as many changes as you like.

Copy the directories color/ css/ images/ into your new theme

your egg.info file should include all the regions otherwise you'll get region errors from page.tpl.php

name = Egg
description = Simple but fully customizable and colorable fixed/liquid layout theme
core = 7.x
base theme = mayo

stylesheets[all][] = css/layout.css
stylesheets[all][] = css/style.css
stylesheets[all][] = css/colors.css

regions[header] = Header
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom

regions[menubar] = Menu bar
regions[submenubar] = Submenu bar

regions[banner_top] = Banner top

regions[top_column_first] = Top first column
regions[top_column_second] = Top second column
regions[top_column_third] = Top third column
regions[top_column_fourth] = Top fourth column

regions[highlighted] = Highlighted
regions[content] = Content
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second

regions[bottom_column_first] = Bottom first column
regions[bottom_column_second] = Bottom second column
regions[bottom_column_third] = Bottom third column
regions[bottom_column_fourth] = Bottom fourth column

regions[banner_bottom] = Banner bottom

regions[footer_column_first] = Footer first column
regions[footer_column_second] = Footer second column
regions[footer_column_third] = Footer third column
regions[footer_column_fourth] = Footer fourth column
regions[footer] = Footer

settings[shortcut_module_link] = 0

settings[base_font_size] = 87.5%
settings[base_font_family] = 0
settings[base_custom_font_family] = 'Helvetica, Arial, sans-serif'
settings[heading_font_family] = 0
settings[heading_custom_font_family] = 'Helvetica, Arial, sans-serif'

settings[base_vmargin] = 14px
settings[page_width] = 90%
settings[page_margin] = 10px
settings[layout_style] = 1
settings[round_corners] = 0

settings[header_searchbox] = 1
settings[header_fontsizer] = 0
settings[header_height] = 90px
settings[header_border_width] = 1px
settings[logo_top_margin] = 15px
settings[logo_left_margin] = 20px
settings[sitename_top_margin] = 15px
settings[sitename_left_margin] = 20px
settings[searchbox_top_margin] = 20px
settings[searchbox_right_margin] = 15px
settings[searchbox_size] = 24
settings[header_bg_file] = ''
settings[header_bg_alignment] = 'top left'
settings[header_watermark] = 0

settings[menubar_style] = 1

settings[sidebar_layout_style] = 1
settings[sidebar_first_width] = 25%
settings[sidebar_second_width] = 25%

settings[display_breadcrumb] = 1
settings[dark_messages] = 0

You can then edit your own css.

mermentau’s picture

Issue summary: View changes
Status: Active » Closed (works as designed)