Free Yoga based WordPress Site: Modification of Header, footer, menu, sidebar, author, category and more.

If you are a Yoga instructor and trying to create your website, here is your solution. Here I have shown in a video (4minutes) how you can create your initial Yoga Teaching site for free and how u can set up the site. Also I have shared css codes to modify it

You can see Demo here.

Here is the OceanWP TheAme.

1) At first please check this Video To setup the Yoga site

2) CSS Codes to modify the site as your choice

To change Blog page, post meta ( post author, date, category, comments) font size, font color and font family

ul.meta * {
    font-size: 12px !important;
    color: black !important;
}

ul.meta a, ul.meta li, ul.meta span {
    font-family: cursive !important;
}

To change blog post title ( in blog page), font size, color and font family

h2.blog-entry-title, h2.blog-entry-title a {
    font-size: 23px !IMPORTANT;
    color: red !important;
    font-family: cursive;
}

To change Continue Reading font size, color and font family

.blog-entry-readmore a {
    font-size: 12px !important;
    color: green !IMPORTANT;
    font-family: cursive;
    border: 1px solid red !important;
}

Widget title background, border color, font size, color and font family change

h4.widget-title {
    font-size: 23px !important;
    color: red !IMPORTANT;
    font-family: cursive;
    background: yellow;
    padding: 10px;
    border-color: red !important;
}

If you want to change link color, font size , font family ( link used in text widget)

.widget_text a {
    font-size: 12px !important;
    color: red !IMPORTANT;
    font-family: cursive;
}

Same way if you want to change font size, color and font family of texts used in Text Widget

.widget_text   {
    font-size: 12px !important;
    color: red !IMPORTANT;
    font-family: cursive;
}

If you want to change footer copyright background color

#footer-bottom {
    background-color: black !important;
}

if you want to change footer copyright font size, color and font family

div#copyright {
    font-size: 23px !IMPORTANT;
    color: white !important;
    font-family: cursive !IMPORTANT;
}