How to style Intro in Education

Community Forums Forums Design Tips and Tricks How to style Intro in Education

This topic is: not resolved

Tagged: , ,

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 1 year, 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #61335

    jronaldlee
    Participant
    Post count: 14

    I’d like to be able to style the intro section on my home page. Right now it reads, “Together we can make a difference.” (It’s the area just under the slider).

    I would like to be able to manage the following aspects:
    – The font size, selection, and color
    – The height of this container
    – Where, in that container, the font is positioned vertically

    On a very related note, if someone has a link to how to use firebug and examples of doing that to figure this stuff out on your own with Genesis, I’d be grateful. I’m a total CSS n00b.

    Thanks!

    James

    http://jamesisrunning.com
    #61339

    braddalton
    Participant
    Post count: 10668

    All the code for the intro starts on Line 558 of your child themes style.css file:
    [css]
    #home-featured .slider,
    #home-featured .intro,
    #home-featured .featured,
    #home-featured .call-to-action {
    background: url(images/separator.png) repeat-x bottom;
    }

    #home-featured .call-to-action {
    clear: both;
    }

    #home-featured .slider {
    padding-bottom: 7px;
    }

    #home-featured .inner {
    padding: 50px;
    }

    #home-featured .intro {
    text-align: center;
    }

    #home-featured .intro .widgettitle {
    color: #f47529;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    }

    #home-featured .intro,
    #home-featured .intro p {
    color: #444;
    font-family: ‘Vollkorn’, serif;
    font-size: 36px;
    line-height: 47px;
    }
    [/css]

    Its better to copy the rules you want to modify to the end of the file and then modify them there rather then edit the default code.


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

You must be logged in to reply to this topic.