WordPress Theme Gema By PixelGrade Support, Documentation, Modification and Customization

theme gema modification
Wordpress.com Theme Gema By PixelGrade is a dynamic  grid-based layout inspired and shaped by your content diversity.It is a premium theme of wordpress.com which costs $125.The layout of this theme is little bit Pinterest type. You can see the demo by Gema theme.

So if you are searching to do blog in grid based site you can check Gema theme . Here I have shared the Gema theme modifications using which you give your Gema theme a new look.
You can use my shared code and ask question in the comments section.

Or can take my personal help.

The Gema Theme by PixelGrade border color modification

1. To change the Menu items style like color, font family, or font size in Gema theme use this code

.nav-menu li a {
font-size: 21px !important;
color: darkred !important;
font-family: cursive !important;
}

2. If you want to re-style the border color of homepage post grid in gema theme

.card–text .card__wrap::before, .card–text .card__wrap::after {
border: 2px solid darkred;
pointer-events: none;
}
.card__image {
border: 2px solid darkred !important;
}

3. Also if you want to change hover background dark (black) background
.card__shadow::after {
background: darkred !important;
}

4. If you want to change the border around title in homepage post grid
.card__title {
border: 2px solid darkred !important;
}

5. To change homepage post grid title’s font color, size and font family

.card__wrap h2 a {
font-family: cursive !important;
font-size: 19px !important;
color: darkred !important;
}

The Gema Theme by PixelGrade post grid modification

6. To change the “More” (read more) button background color in homepage

.btn {
background-color: darkred;
}

7. If you want to reduce the padding in Post grid box (box where More button showing)
.card–text .card__wrap {
padding: 52px 19px !important;
}

8. If you want to change the Post meta (category link, author and date which is showing when u hover over the post grid) —-font color, size and font family styling

.card__meta.entry-meta * {
font-family: cursive !important;
color: darkred;
font-size: 12px !important;
}

9. For single posts if you want to change the border color, border thickness around post title
.singular .entry-header, .attachment .entry-header {
border: 3px solid darkred !important;
}
.singular .entry-header::after, .attachment .entry-header::after {
border: 3px solid darkred;
}
10. If you want to change single post sidebar widget border color, border thickness
.widget {
border: 3px solid darkred !important;
}

11. To change the widget’s background shade color

.widget::before {

background: darkred !important;
}

12. If you want to change single post title’s font color, font size and font family

h1.entry-title span {
font-family: cursive !important;
color: darkblue;
font-size: 27px;
}

13. If you want to change author name and post date font color, font size and font family which is showing below the single post title

.entry-meta * {
font-family: cursive;
color: darkred;
font-size: 15px;
}

the gema theme by pixelgrade single post modification

14. To reduce the gap just above the widget title
.widget {
padding-top: 19px !important;
}
the gema theme by pixelgrade widget gap reduce

 

 

 

 

 

 

 

15. If you want to change sidebar widget title’s font color, font family and font size

.widget__title {
color: darkred;
font-family: cursive;
font-size: 23px;
}


If you have any issue feel free to ask me question here in comments section

OR


Want me to help you personally for CSS Issue?CLICK HERE….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: