Changing the headline and content font

Community Forums Forums Design Tips and Tricks Changing the headline and content font

This topic is: resolved

This topic contains 3 replies, has 3 voices, and was last updated by  genevishgraphics 1 year, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #35399

    Chrissy Marquardt
    Participant
    Post count: 27

    Hello

    Website is http://marquardtinc.com

    I am a relative newbie. I am working with the Executive Child Theme and I would like to try and style my site with two different google fonts:-

    1. The content area styled with Marcellus, font-color: black

    2. Everything else surrounding the content ( h1-h6, sidebar, footer widgets, nav bar, featured pages,etc) styled with Julius Sans One, font -color #0000ff

    Right now it seems I have the default text set to Julius Sans One and the header texts are still Open Sans, which was the original font built into this child theme.

    3.I am curious if there is a way to just change one portion of the style sheet to change the default font for the content area and other areas or if I have to go into the individual areas of my style sheet to specify the font and the color

    Here is what I have in my css :-

    /* Import Fonts
    ———————————————————— */

    @import url(http://fonts.googleapis.com/css?family=Open+Sans|Julius+Sans+One|Marcellus);
    /* Import Fonts
    ———————————————————— */

    /* Defaults
    ———————————————————— */

    body,
    h1
    { font-color: #0000ff;
    font-family: ‘Julius Sans One’ , sans-serif;
    }
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6
    p,
    select,
    textarea {
    color: #000000;
    font-family: ‘Marcellus’, serif;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

    input,
    label,
    select,
    textarea {
    color: #222;
    font-family: ‘Marcellus ‘ , serif;
    font-size: 14px;
    }

    /* Headlines
    ———————————————————— */

    h1,
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6 {
    color: #000ff;
    font-family: ‘Julius Sans One’, sans-serif;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 10px;
    }

    h1,
    h2,
    h2 a,
    h2 a:visited {
    clear: both;
    font-size: 40px;
    margin: 0 0 20px;
    }

    h2 a:hover {
    color: #0000ff;
    text-decoration: none;
    }

    .executive-home .home-middle h2 a,
    .post-type-archive-portfolio h2 a,
    .taxonomy-description h1,
    .widget-area h4 {
    font-size: 16px;
    text-transform: uppercase;
    }

    .sidebar h2 a,
    .sidebar h2 a:hover {
    font-size: 16px;
    }

    h3 {
    font-size: 36px;
    }

    #comments h3,
    #respond h3 {
    font-size: 30px;
    }

    h4,
    .executive-home .home-cta h4 {
    font-size: 24px;
    }

    .widget-area h4 a {
    text-decoration: none;
    }

    .executive-home .home-cta h4,
    #footer-widgets .widget-area h4,
    #sidebar .widget.enews-widget h4 {
    color: #fff;
    }

    .executive-home .home-cta h4 {
    margin: 0 0 5px;
    text-transform: none;
    }

    h5 {
    font-size: 20px;
    }

    h6,
    .taxonomy-description h1,
    .widget-area h4 {
    font-size: 16px;
    margin: 0 0 20px;
    text-transform: uppercase;
    }

     

    Thanks so much


    #35886

    Chrissy Marquardt
    Participant
    Post count: 27

    No takers on this topic :( ?  Awwww man….anyone out there have any tips ? I would surely appreciate it ! Thanks again


    #37248

    dev
    Participant
    Post count: 472

    I don’t understand the question. Maybe if you use some screen shots here and point out what you have and what you want it might be helpful.

    #38735

    genevishgraphics
    Participant
    Post count: 52

    You have conflicting css for the headers – in one place you have Marcellus and the other you have Julius Sans

    `h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6
    p,
    select,
    textarea {
    color: #000000;
    font-family: ‘Marcellus’, serif;

    `

    `h1,
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6 {
    color: #000ff;
    font-family: ‘Julius Sans One’, sans-serif;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 10px;
    }

    `

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

You must be logged in to reply to this topic.