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
Comment #1
dollar_dad CreditAttribution: dollar_dad commentedYou 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.
Comment #2
mermentau CreditAttribution: mermentau commented