Web Development & WordPress

Free Yoga WordPress Site Customization (Header, Footer, Menu & More)

allaboutbasic

If you want to create a Yoga based site with free wordpress theme you can check this post, i have shared the basic setup guid with some css modification

You can see Demo here.

Here is the OceanWP TheAme.

  1. Here is the initial guide about the setup which you can do easily

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

Yoga based wordpress theme blog post title and continue reading modification
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;
}
Yoga based wordpress theme widget section modification

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;
}
Yoga based theme footer copyright section in wordpress

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

Leave a comment