Change Font in Parallax Theme

Community Forums Forums General Discussion Change Font in Parallax Theme

This topic is: not resolved

This topic contains 7 replies, has 4 voices, and was last updated by  eshaan 2 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #103992

    Dennis M
    Participant

    Hi!

    I am wanting to change out the font in the body of the Home Widget sections and blog posts for the Parallax theme to the font in the title section of the widgets.

    Here’s my site: http://InspireAwesome.com

    Thanks for your help!

    http://InspireAwesome.com
    #104008

    Tom
    Participant

    Body text in Home widgets and blog is font-family: 'Sorts Mill Goudy'
    Title (header) fonts are font-family: Montserrat, sans-serif;

    To do the swap on the body text, add this code to the bottom of your stylesheet.

    body {
      font-family: Montserrat, sans-serif;;
    }

    Adjust as necessary for size, etc.


    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #104071

    Dennis M
    Participant

    Thank you! Totally helped.

    Also, how can I change the color of the title on Home Widget 1 and the button color? If I’d like to make them black for instance (and only on this widget – not all the widgets…) how would I do that?

    #104107

    Tom
    Participant
    .home-section-1 .widget-title {
      color: black;
    }
    
    .home-section-1 a.button {
      color: black !important;
      border: 3px solid black;
    }

    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #104163

    Dennis M
    Participant

    Thank you! That was just what I needed. So appreciated!

    #104780

    Hi Tom,

    I wanted to change the font from Sorts Mill Goudy to Montserrat but only for the SideBar Widgets but maintain it as the font for the body for the rest of the site. Is this possible?

    Thanks!

    Mike

    #104833

    Tom
    Participant

    Place this code in the bottom of your child theme stylesheet:

    .sidebar  ul,
    .sidebar  li,
    .sidebar a,
    .sidebar  p {
        font-family: Montserrat, sans-serif;
    }
    

    Andrea (@nutsandbolts) has made a short video on How to Use Chrome’s Inspector to Customize Your Genesis Child Theme. You can use this to find and customize text and other elements of your Genesis child theme.


    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #153078

    eshaan
    Participant

    Thanks @Tom, your info really helped!!

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.