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 7 months, 1 week 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: 7460

    All the code for the intro starts on Line 558 of your child themes style.css file:

    #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;
    }
    

    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.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

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

You must be logged in to reply to this topic.