Template VS Google Fonts

  • Resolved serro

    (@serro)


    13 years, 6 months ago

    Hi all,

    I downloaded a nice template called “Desire”. All good until I have tried to change the fonts by using the handy Google Fonts Plugin. It worked for almost all of my content cause I have ticked all boxed in the plugin settings.

    However my site title, page headings and sidebar font is unchanged. I tried looking into the style sheet but still did not figure out how to do this by adding the font family straight in there.

    Can anybody help? Appreciate your feedback.

    Link to page: salutberlin.de

Viewing 7 replies - 1 through 7 (of 7 total)
  • bythegram

    (@bythegram)

    13 years, 6 months ago

    It looks like your theme is inputting the css for those classes right in the head instead of via a stylesheet. Now I have no idea what the options are for that theme(maybe there is an admin section to change it?) but what I would try is using the Google Fonts Plugin’s custom css boxes input the css in there and use !important, it might overwrite what the theme is doing. ie:

    .site-title {
font-family: 'Architects Daughter', arial, serif !important;
}
    Michael

    (@alchymyth)

    13 years, 6 months ago

    when you look into the code of the head section (in your browser, ‘view source’ os similar) youl’ll see that some other styles are embedded after the google font styles;

    <style>
#wrapper { width: 845px; }
	#header { height: 150px; }
	.logo-image { max-height: 120px; max-width: 120px; }
	body { background-image: url(http://salutberlin.de/wp-content/uploads/2012/09/Salut_Berlin_hintergrund.jpg); }
	body { background-repeat: repeat; }
	body { background-position: top left; }
	body { background-attachment: fixed; }
	body { background-color: #DDDDDD; }
	ul.slideshow { width: 845px; height: 300px; }
	#slideshow-caption { width: 845px; }
	#container { width: 570px; padding: 25px 25px 0 25px; }
	.sidebar { width: 200px; padding: 25px 25px 0 0; }
	.entry-content, .widget { font-family: Helvetica, Arial, sans-serif; }
	.entry-title, .widget-title { font-family: Helvetica, Arial, sans-serif; }
</style>

    these are obviously setting the fonts where you have problems with.

    no idea where that output comes from, but possibly from some theme options?

    Thread Starter serro

    (@serro)

    13 years, 6 months ago

    brilliant! thanks bythegram. it worked for the site title!

    now, how do i go about changing the page heading and post widget on the right?

    thanks alchymyth. the freaking template offers three fonts you can select in the settings. i dont like any of them so “Helvetica” is there by default. i thought the Goolge Fonts Plugin would overwrite this. It did not work for all yet…

    Michael

    (@alchymyth)

    13 years, 6 months ago

    do the same for these styles:

    .entry-content, .widget { 'Architects Daughter', arial, serif !important; }
	.entry-title, .widget-title { 'Architects Daughter', arial, serif !important; }
    Thread Starter serro

    (@serro)

    13 years, 6 months ago

    hmm i have put this straight below the site-title but it did not work. 

    .site-title {
font-family: 'Architects Daughter', arial, serif !important;}

.entry-content, .widget { 'Architects Daughter', arial, serif !important; }
	.entry-title, .widget-title { 'Architects Daughter', arial, serif !important; }

    is it maybe something that i need to change in the theme-settings.php? i found this code there:

    function desire_default_options() {
    $default_options = array(
        'content_font' => 'Helvetica, Arial, sans-serif',
        'title_font' => 'Helvetica, Arial, sans-serif',
        'sidebar_layout' => 'one-right-sidebar',
        'color_scheme' => 'light',
        'content_width' => 570,
        'sidebar_width' => 200,
    Michael

    (@alchymyth)

    13 years, 6 months ago

    my mistake ;-(
    – forgot the ‘font-family’ when pasting;

    try:

    .entry-content, .widget { font-family: 'Architects Daughter', arial, serif !important; }
	.entry-title, .widget-title { font-family: 'Architects Daughter', arial, serif !important; }
    Thread Starter serro

    (@serro)

    13 years, 6 months ago

    You´re a genius! thanks so much for your help! one step closer to having a nice website now…

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Template VS Google Fonts’ is closed to new replies.