• 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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    First install this plugin: https://www.ads-software.com/plugins/wp-google-fonts/

    Then link us the Webpage you’re referring to.

    Thread Starter Gabri99

    (@gabri99)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you install that plugin?

    Thread Starter Gabri99

    (@gabri99)

    Yes

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Go to the “Google Font Control Panel” section of the dashboard: https://www.ads-software.com/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?

    Thread Starter Gabri99

    (@gabri99)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry I can’t see that image.

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

    Thread Starter Gabri99

    (@gabri99)

    Ok

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay go to the settings of that plugin

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

    Does your font appear in that dropdown list?

    Thread Starter Gabri99

    (@gabri99)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Gabri99

    (@gabri99)

    Sadly, yes…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

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

    Thread Starter Gabri99

    (@gabri99)

    Still not working

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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="https://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 (https://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.