If you want to showcase your images in grid based layout then Gridspace theme By Graph Paper Press is for you. You can use this theme for free if you are using Premium or business plan of wordpress.com. I am sharing you some css customization tricks so that you can style it as your own.
You can ask question regarding any issue you are facing.
Or can take my personal help in skype : om2000_cuet.
If you want to change font size, color and font family
#site-title a {
color: #333;
font-size: 28px !important;
font-family: cursive !important;
}
If you want to change font size, color and font family of tag line or site description
#site-description {
color: #999;
font-family: cursive;
font-size: 23px;
}
If you want to change homepage hover post title font color, font size, alignment and font family
.home .portfolio .entry-content .entry-title a {
text-align: center !important;
color: #fff;
font-size: 23px !important;
font-family: cursive !important;
display: block;
}
If you want to change grid or post box size to be either square or horizontal or vertical
Go to Appearance > Customize > Theme Option > Thumbnail Orientation
If you want to change home page hover grid Post date and post author font size color and font family
article.portfolio .entry-meta, article.portfolio .entry-meta * {
border: none;
color: white !important;
font-family: cursive !important;
font-size: 13px !important;
}
Top social icons color change
Facebook icons normal color change
.menu-top-menu li.facebook a:before {
/* font-size: 18px; */
color: green !important;
}
Facebook icons hover color change
li.facebook a:hover::before {
color: yellow !important;
}
Twitter icons color change
.menu-top-menu li.twitter a:before {
color: green !important;
}
Twitter icons hover color change
.menu-top-menu li.twitter a:hover::before {
color: yellow !important;
}
top menu item hover color change
.menu-top-menu a:hover {
color: darkred !important;
}
top menu item font size and color
.menu-top-menu a {
font-size: 13px;
color: darkred !important;
}
Footer widget section modification of Gridspace theme By Graph Paper Press
To change font size, color and font family of footer widget title
div#footer-widgets h3.widget-title {
font-size: 15px !important;
color: darkred !important;
font-family: cursive;
}
To make footer widget title centered
div#footer-widgets h3.widget-title {
text-align: center;
}
To use background color behind widget title
div#footer-widgets h3.widget-title {
color: white !important;
background: darkred;
padding: 7px;
}
To change font size, color and font family of footer widget text content
div#footer-widgets .textwidget {
color: black !important;
font-size: 13px;
font-family: cursive;
}
In Single Post if you want to change “Share this” and “Related” text color, font size and font family
div#jp-post-flair h3, div#jp-post-flair h3 * {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
text-decoration: underline;
font-style: italic !important;
}
In Single Post or In single page if you want to change title’s font color, font size, font family, center aligned and italic
.single h1.entry-title, .page h1.entry-title {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
font-style: italic;
text-align: center;
}
To change border color or border height which is showing below the single post or page title
h1.page-title, h1.entry-title {
border-bottom: 5px solid darkred;
}
To change font size, gap between lines, font color and family in single post and pages
.single article .entry-content, .page article .entry-content {
color: black !important;
font-size: 15px;
line-height: 25px !important;
font-family: cursive !important;
}
To change blockquote’s background color, font size, font color, gap between blockquote lines, and also to chang top and bottom margin of block quote
blockquote, blockquote * {
background: lime !important;
font-size: 18px !important;
color: darkred;
font-family: fantasy !important;
line-height: 28px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
}
To change font size, color and font family of “Leave a Reply” and to make it italic
h3#reply-title {
color: darkred;
font-style: italic;
font-size: 23px;
font-family: cursive !important;
}
If you want to use background color behind Left Side widget title, and also want to make the widget title bigger, color change or font family change, making it italic
section#secondary h3.widget-title {
color: darkred !important;
font-size: 19px !important;
text-align: center !important;
display: block;
font-style: italic;
background: lime !important;
padding: 9px;
}
In Left sidebar, if you want to change links color, gap, font family, font size etc
#secondary .widget a {
color: blue !important;
font-size: 13px;
font-family: cursive !important;
line-height: 25px !important;
}
To change left sidebar links hover color
#secondary .widget a:hover {
color: darkred !important;
}
To change border color, border height (weight) which is showing between left sidebar widgets
#secondary .widget {
border-bottom: 4px solid darkred !important;
}
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
All About Basic 