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….

19 Responses to Wordpress Theme Gema By PixelGrade Support, Documentation, Modification and Customization

  1. Hey! Is there a css code to make widgets show up on the home screen of this theme?

    Like

  2. It’s for glamdom.us using the theme gema. I wanted the widget side bar to show up on the homepage so i can input my twitter and Instagram timelines on it

    Like

    • Actually as you are using wordpress.com ( i guess premium plan..right?) so you can do or edit only css of the theme…and can use the feature of the theme is providing to you
      Om

      Like

  3. Ok cool! Is there a css code that could help change the color of the space within the homepage title box specifically?

    Like

  4. Sorry. I’m not trying to change the website background. I’m trying to change the area that shows each posts title, author, and date published. It’s the little box that sits on the picture for each article. I’m trying to change the color from pink to white.
    This code only changes the color of the border around it. I’m trying to change only the color inside. .card__title {
    border: 2px solid darkred !important;
    }

    Like

  5. Hi! Is there a way to put a black outline around the site’s main title?

    Like

  6. Hi! Is there a way to put a border around the text instead of a shadow behind?

    Like

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 )

Google+ photo

You are commenting using your Google+ 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 )

Connecting to %s

%d bloggers like this: