>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Size: px

Start display at page:

Download ">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"

Kelly Goodwin
5 years ago
Views:

2 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 1

3 functions.php file Copy the following code and paste it at the end of your themes function custom_style_sheet() { wp_enqueue_style( 'custom-styling', get_stylesheet_directory_uri(). '/custom.css' ); add_action('wp_enqueue_scripts', 'custom_style_sheet'); Create a file named custom.css in Notepad++ Copy and paste the following text at the start of this file and update the text with your information. /* Theme Name: Your Child Theme Description: This is your custom style sheet for your child themes custom CSS code. 2

4 Author: Your Name Author URI: Version: 2.0 Template: yourparenttheme Template Version: 2.0 */ /* Add Your Custom CSS Below This Line */ 3

5 PROPERTY VALUE{S Font-family Font-weight Color Font-size Text-transform Text-decoration Text-align Font-style [Enter font] Lighter Normal Bold Bolder {must be included in the fonts installed to use the value [Enter hex code] [Enter pixels] Uppercase Lowercase Capitalize None Underline Line-through Overline Left Right Center Justify Normal Italic Oblique 4

6 Letter-spacing Line-height [Enter pixels] [Enter height] Background-color Border-radius [Enter hex code] [Enter pixels] List-style-image url ( [enter image url] ) Display Padding Padding-right Padding-left Padding-top Padding-bottom Margin Margin-right Margin-left Margin-top Margin-bottom Border-style Border-width Border-color None Inline-block [Enter pixels] [Enter pixels] Dotted Dashed Solid Double Groove Ridge Inset Outset None [Enter pixels] or Thin Medium Thick [Enter hex code] 5

7 Border Float Height Width [Enter pixels style color] i.e 5px solid #7a7367 Right Left [Enter pixels] [Enter pixels] W3SCHOOLS HTML & CSS tutorials NOTEPAD++ - Free program to edit stylesheet FILEZILLA For setting up an FTP where you can load your new custom stylesheet 6

8 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.widget-title { font-family: ENTER FONT; font-size: ENTER PIXELS; 7

9 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> p.entry-meta { display: none!important;.entry-content ul > li { list-style-image: url( ENTER IMAGE URL ); WHEN CREATING A BULLET POINT IMAGE USE A HEIGHT OF 10PX OR LESS SYMBOLS For using symbols as your bullet points 8

10 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> h1 & h2 Headline Font h3 & h4 Subheadline Font {if you have one h5 & h6 - Accent Font body - Body Font h1 { font-size: 48px; font-family: vidaloka; h2 { font-size: 38px; font-family: vidaloka; font-weight: 400; text-transform: capitalize; 9

11 h3 { font-size: 25px; font-family: montserrat; text-transform: uppercase; font-weight: 400; h4 { font-size: 27px; font-family: montserrat; text-transform: uppercase; h5 { font-size: 30px; font-family: niconne; font-weight: normal; h6 { font-size: 25px; font-family: niconne; font-weight: normal; 10

12 body { color: #7a7367; font-family: verdana; font-size: 22px; font-weight: 400; line-height: 1.75; ALL OF THESE VALUES CAN BE ADJUSTED BASED ON YOUR PREFERRED STYLE, THIS IS JUST A STARTING PLACE FOR YOU TO WORK FROM. h1, h2, h3, h4, h5, h6 { color: #7a7367; 11

13 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> a { color: #f1ba52; text-decoration: none; font-weight: bold; a:hover, a:focus { color: #b2aca3; text-decoration: none; 12

14 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.page-id-xxx.entry-title { display: none; padding-top: -10px!important;.page-id-XXX.site-header { display: none;.page-id-xxx.site-inner { margin-top: 0px!important;.page-id-XXX.content { max-width: 100%!important; padding: 0px!important; REPLACE XXX WITH YOUR PAGE ID 13

15 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> <center><a class="button" title="enter BUTTON TEXT" href="enter DESTINATION URL" target="_blank">enter BUTTON TEXXT</a></center> button, input[type="button"], input[type="reset"], input[type="select"], input[type="submit"],.button { background-color: [ENTER HEX CODE]; border: 0; border-radius: 3px; color: #fff!important; cursor: pointer; font-family: [ENTER FONT FAMILY]; font-size: 18px!important; -webkit-font-smoothing: antialiased; font-weight: 700; 14

16 letter-spacing: 2px; line-height: 1; padding: 15px 20px!important; text-decoration: none; text-transform: uppercase; white-space: normal; width: auto; button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"],.button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"],.button:focus { background-color: #b2aca3; color: #fff!important; ALL OF THESE VALUES CAN BE ADJUSTED BASED ON YOUR PREFERRED STYLE, THIS IS JUST A STARTING PLACE FOR YOU TO WORK FROM. 15

17 Look, I know building a site can feel like a total bitch. But even if you don t think you have enough time, money, skillz, or wine you got this. (For realsies.) You just need a little help along the way. Which is exactly why I created the WordPress Website in a Weekend masterclass. You have a beautiful site! It s bold, on brand, and 100% unique. No cookie-cutter bullshit. HELL NO. This site expresses everything about YOU, your values, and your biz. (And you want to shove it in EVERYONE S face!) You re the boss, dog. When it comes to your site, you got it covered. You got the widgets, plugins, and design on lock. You know how to make changes, add pages, and adjust your site as your business grows. You have a record number of clients. Like flies to honey, new clients are flowing to your site in droves. Why? Because, a) it's on brand, so it attracts the clients you LOVE to work with and b) you feel so much more confident in your marketing. You love inviting folks to your home to PAR-TAY! Your business is a grower AND a shower! Because it s easy to add courses, build out new pages, and customize your site you re no longer held back by the fear of hours of work, or major overhead to adjust your site or add products! Your empowered AF! No more fear of technology, no more expensive tech developers, no more lame-ass uncustomized templates, just pure, raw CONTROL. (Now if only you could figure out how to connect your phone to your TV you d be all set.) I know, I know, this all sounds equally wonderful as it does impossible. But don t you worry your pretty, little head... 16

THE masterclass where you ll get ALL the tools, knowledge, and support you need to not only build your website in a weekend but also keep your website

Through easy-to-follow video tutorials, a community of supportive AF entrepreneurs, a constantly updated instructional library, and some personal help

18 THE masterclass where you ll get ALL the tools, knowledge, and support you need to not only build your website in a weekend but also keep your website growing, expanding, and changing along with your biz, forever. Through easy-to-follow video tutorials, a community of supportive AF entrepreneurs, a constantly updated instructional library, and some personal help from me, you'll learn everything you need to build and customize your dream site. From developing, to coding, to formatting, to designing, we got you covered! BOOM. POP DEM CHAMPS! YOU CAN CREEP ALL THE DETAILS AND SNATCH UP THE MASTERCLASS HERE! 17

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!