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 11 months, 4 weeks 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: 9433

    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.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

You must be logged in to reply to this topic.