WordPress Tricks

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

allaboutbasic

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.

You can take my personal help in skype : om2000_cuet

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


You can take my personal help in skype : om2000_cuet

Published by allaboutbasic

23 thoughts on “WordPress Theme Gema By PixelGrade Support, Documentation, Modification and Customization”

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

      Reply

  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

    Reply

  7. Hi there,

    Thanks for all. But I try to change the word “More” on each post but I can’t find it. Could you help ? Thanks

    Like

    Reply

      2. Thanks
        you can try this

        .card–text .btn {
        font-size: 0px !important;
        }
        .card–text .btn::before {
        content: “btn text”;
        color: black !important;
        text-indent: 0px !IMPORTANT;
        font-size: 18px !important;
        }

        Regards
        Om

        Like

Leave a comment