WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Undercircles font? (21 posts)

  1. Gabri99
    Member
    Posted 1 year ago #

    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!

  2. Andrew
    Forum moderator
    Posted 1 year ago #

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

    Then link us the Webpage you're referring to.

  3. Gabri99
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum moderator
    Posted 1 year ago #

    Did you install that plugin?

  5. Gabri99
    Member
    Posted 1 year ago #

    Yes

  6. Andrew
    Forum moderator
    Posted 1 year ago #

    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?

  7. Gabri99
    Member
    Posted 1 year ago #

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

  8. Andrew
    Forum moderator
    Posted 1 year ago #

    Sorry I can't see that image.

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

  9. Gabri99
    Member
    Posted 1 year ago #

    Ok

  10. Andrew
    Forum moderator
    Posted 1 year ago #

    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?

  11. Gabri99
    Member
    Posted 1 year ago #

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

  12. Andrew
    Forum moderator
    Posted 1 year ago #

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

  13. Gabri99
    Member
    Posted 1 year ago #

    Sadly, yes...

  14. Andrew
    Forum moderator
    Posted 1 year ago #

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

    .hentry .thumbnail-title {
     font-family: 'Nunito';
    }
  15. Gabri99
    Member
    Posted 1 year ago #

    Still not working

  16. Andrew
    Forum moderator
    Posted 1 year ago #

    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';
    }
  17. Gabri99
    Member
    Posted 1 year ago #

    Great! It's worked now but the size does not fit with the circles and Nunito's font is in Italics. How do I change it?

  18. Andrew
    Forum moderator
    Posted 1 year ago #

    Replace this (that I recommended above):

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

    With this:

    .hentry .thumbnail-title {
     /* Changes the font family */
     font-family: 'Nunito';
    
     /* Changes the italic */
     font-style: normal;
    
     /* Changes the font size */
     font-size: 20px;
    }

    Play about with the 'font-size' "20" value to change the size

  19. Gabri99
    Member
    Posted 1 year ago #

    Fantastic! Really helped so much!
    One last thing: look at these posts: and http://www.analiticocorporal.com/contacto/ they don't fit with the page, after you changed the whole child theme it fitted, how do I fix this?

  20. Andrew
    Forum moderator
    Posted 1 year ago #

    One last thing

    It doesn't have to be "One last thing", you can post as many issues and requests for support as you like. We just recommend you do so in a new thread each time: http://wordpress.org/support/theme/spun#postform :)

  21. Gabri99
    Member
    Posted 1 year ago #

    Ok thanks!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic