Support » Theme: Spun » Undercircles font?

  • Resolved Gabri99

    (@gabri99)


    HI!
    Sorry for bad english…
    I was creating a web site with spun and I looked for support to get the description under the circles but now I’d like to change the font to “Avenir Next” I’m a complete beginner so I hope you could help me.

    Thanks!

Viewing 15 replies - 1 through 15 (of 20 total)
  • Moderator Andrew Nevins

    (@anevins)

    First install this plugin: http://wordpress.org/plugins/wp-google-fonts/

    Then link us the Webpage you’re referring to.

    Ok Thanks it’s http://www.analiticocorporal.com I’d like to change the font to “Avenir Next” which is the same as the logo.

    Moderator Andrew Nevins

    (@anevins)

    Did you install that plugin?

    Yes

    Moderator Andrew Nevins

    (@anevins)

    Go to the “Google Font Control Panel” section of the dashboard: http://wordpress.org/plugins/wp-google-fonts/screenshots/

    Under “1. Choose the fonts you want” look at the dropdown list of fonts. Is your font in there? If so, what name does it have there?

    They’ve actualized the plugin, now it appears like this: file:///Users/gabrielalcaide/Pictures/2014-01-25%2020.32.02.png

    Moderator Andrew Nevins

    (@anevins)

    Sorry I can’t see that image.

    I’ll install the plugin to see what you mean for myself.

    Ok

    Moderator Andrew Nevins

    (@anevins)

    Okay go to the settings of that plugin

    Then under “Select Fonts”, and under “Font 1”, http://snag.gy/Mac9a.jpg , look at the dropdown list.

    Does your font appear in that dropdown list?

    I found a similar one called Nunito, It work with it.

    Moderator Andrew Nevins

    (@anevins)

    Cool, so is there still an issue that you don’t know how to get the Nunito font on the text under the circles?

    Sadly, yes…

    Moderator Andrew Nevins

    (@anevins)

    At the bottom of your Child Theme style.css file add this:

    .hentry .thumbnail-title {
     font-family: 'Nunito';
    }

    Still not working

    Moderator Andrew Nevins

    (@anevins)

    Replace all of the code in your Child Theme style.css file with this:

    /*
    Theme Name: Spun Child 02
    Theme URI:
    Description: Child 02 theme for the Spun theme
    Author: <a href="http://carolinemoore.net/" title="Visitar la web del autor">Caroline Moore</a>
    Author URI:
    Template: spun
    Version: 2.0.2
    */
    
    /* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Tue, 21 Jan 2014 23:36:03 +0000 */ 
    
    @import url('../spun/style.css');
    
    .blog .hentry {
        margin-bottom: 3em;
    }
    
    .hentry .thumbnail-title {
        display: block;
        margin-top: 1.3em;
        color: #666;
        top: 100%;
    font-size: 1.5em;
    }
    .site-info {
     font-family: "Avenir";
    }
    
    .blog .hentry a .attachment-post-thumbnail{
    border-radius: 220px;
    }
    
    .blog .hentry a:hover img{
    border-radius: 220px;
    }
    
    /* =Menu
    ----------------------------------------------- */
    
    .main-navigation {
    	color: #999;
    	float: left;
    	display: block;
    	font-family: Helvetica, Arial, sans-serif;
    	-webkit-text-stroke: .15px; /* Hack to fix thin text in Windows */
    	font-size: 12px;
    	font-size: 1.2rem;
    	font-weight: 5;
    	margin: 130px 0 0;
    	position: relative;
    	text-align: center;
    	text-transform: uppercase;
    	width: 75%;
    }
    .main-navigation ul {
    	list-style: none;
    	margin: 0;
    	padding-left: 0;
    }
    .main-navigation li {
    	float: right;
    	text-align: center;
    	margin: 0 0 5px 20px;
    	position: relative;
    }
    .main-navigation {
    width: 100%;
    }
    .main-navigation li {
    float: none;
    text-align: center;
    margin: 0 10px 5px 10px;
    position: relative;
    display: inline-block;
    }
    @media screen and (max-width: 800px){}
    #page {
    width: 100%;
    }
    
    #masthead img,
    .main-navigation,
    #main {
     display: table;
     margin: 0 auto;
     float: none;
     width: auto;
    }
    
    #colophon {
     text-align: center;
    }
    .site-navigation {
     margin-top: 10px;
    }
    .site-title {
    font-family: "Avenir";
    }
    
    #post-124 {
    	width: 160px;
    	height: 160px;
    }
    #post-139 {
    	width: 160px;
    	height: 160px;
    }
    
    .hentry .thumbnail-title {
     font-family: 'Nunito';
    }

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Undercircles font?’ is closed to new replies.