Minamaze Theme Modifications

I decided to use the Minamaze Pro theme for my WordPress site.  It offered up-to-date features but was a bit more complex to modify to my needs.  As a result I thought it might be worth pointing out how I effected those not so obvious changes.  First there is discussion about changing your theme’s style.css file, but do not do this.  Why?  Because while changing this file will have the desired effect these changes will be lost the next time you update/upgrade your theme.  The style.css file will most likely be replaced.  For your info the style.css file exists for every theme and is located in the WordPress {path}/wp-content/themes/{your_theme’s_name} directory.

So how do you make changes so that future updates to your theme will be preserved?  In my theme’s configuration there is a “Theme Option” selection.  By clicking on that you will be presented with several other features of your theme.  Look for “general settings” and in this choice you will see a “Custom CSS” form/field.  It is in this form that we enter those changes to our theme’s various attributes.  Changes made here will overide the theme’s default values and be preserved across future updates/upgrades to the theme.

I needed to make 4 changes to this theme:

  1. I wanted every page to have comment fields
  2. I wanted every comment field to have white text on a grey background
  3. I wanted the “si-captcha” plugin’s fields to also be white text on a grey background
  4. I wanted the text that appears in the theme”s slider to be centered.

To accomplish this I:

  1. Edited each page and selected “Page(With Comments)” in the Page Attributes–>Template option and updated the page.  Apparantly this theme defaults to no comments on a page.  Do not forget to “update” each page after making the template change!
  2. for the other three options above (2, 3, and 4)  I made the following changes to the Custom CSS field in the themes “Theme Options”.

#slider .featured-title,
#slider .featured-excerpt,
#slider .featured-link {
text-align:center;
}
textarea {
background:grey;
}
select:focus,
textarea:focus {
background:grey;
color:white
}
#commentform #email{
background:grey;
color:white;
}
#commentform #author{
background:grey;
color:white
}
#commentform #url{
background:grey;
color:white
}
#commentform #captcha_code{
background:grey;
color:white
}

Be sure to “save” the work above or you will get to enter it again.

The above should be fairly clear so I will not provide any info on the CSS stanza’s noted above.  CSS is well beyond the scope of this write up.  And to be honest this effort was just that!  An effort since my familiarity with CSS was zero prior to these changes.

3.       Go to “plugins”–>si-captcha–>settings–>CAPTCH Form CSS Style and select “External Style Sheet CSS” from the drop down.  We do this because we want this plugin to use our Custom CSS file which we created earlier (step 2) in this write up.  Be sure to “save” this change.

After doing this your text should be centered in the slider images and the comment and si-captcha plugin fields should be be grey with white text.

Leave A Reply

Your email address will not be published. Required fields are marked *


*

Bad Behavior has blocked 449 access attempts in the last 7 days.