mrginever

That worked! Thanks ever so much!!

Thanks for replying promptly. Unfortunately, the first screen grab image link you refer to in your reply is broken.

Can you try re-posting or simply write out the exclusion rules to add? Thanks

If you get stuck at any point just message me. OK here goes!

1) using you prefered FTP client login to your webspace
2) navigate to /wp-content/themes/
You should see a bunch of folders representing all the themes you see in the Themes chooser bit in the Appearance menu of your WordPress website admin area
3) create a new folder called ‘minamaze-child’
4) using your prefered text editor create a new file and copy paste the follow text between the dotted lines, save as ‘style.css’ and then upload into the new ‘minamaze-child’ folder
————————-
/*
Theme Name: Minamaze Child Theme
Theme URI:
Description: Minamaze Child Theme
Author: Steve Ginever
Author URI:
Template: minamaze
Version: 1
*/
@import url(“../minamaze/style.css”);
@import url(“custom-style.css”);
————————-
5) create another text document save it as ‘custom-style.css’ and upload to the minamaz-child folder as well.
6) login to your WordPress website admin area and go to the Theme chooser in the Appearance menu.
You should now see a new theme called Minamaze Child Theme. Activate it and you have just finished preparing your child theme. Congratulations!

You will probably also notice the child theme has no image. If you have image editing software you can create your own. Make it 600×450 pixels, save as ‘screenshot.png’ and upload to the minamaze-child folder as well. Alternatively you can copy the screenshot.png file from the minamaze parent theme folder.

7) Now to go to the Appearance menu and select Editor. Choose Minamaze Child Theme from the drop down selector located at the top right. You should see in the list on the right the custom-style.css you created earlier. Drop all your custom css into this file, save and you should see the effects on your live site.

So good luck. Let me know how you get on. Message me again if you get stuck at any point.

If you have FTP access to your webhost you can build a child theme yourself. I can talk you through it if you like?

Hi. I’ve built 2 sites using Minamaze child themes with no problems at all, so it would seem it is. As far as I know, all themes should be “child theme friendly” though.

Hi RyanBrown

Try adding this bit of CSS (below) to your child theme’s style.css file.

img.header-image {
max-width: 900px;
max-height: 212px;
}

Let me know if it has the desired affect.

Regards
mrginever

No problem. I hope i can help.

Under appearance there is an option for ‘edit css’ and one for editor. I thought that anything you added under ‘edit css’ would load after the default stylesheet and override the options in the stylesheet. Is that correct?

I suggest using just one method of editing the CSS. Choose either Edit CSS or Editor. Don’t us both. It keeps the whole process much simpler and removes the issue of which method overrides the which.

So would I use a class statement as opposed to an id statement? such as .comment-display?

The fundamental difference between class (.) and id (#) is down to repeated use within a document:

Classes can be used as many times as needed within a document.
IDs can only be applied once within a document.
So, if you need to use the same specific selector more than once, classes are a better choice.

You can combining class selectors. You can use multiple classes to style a HTML element but you can only use one ID when styling an HTML element. This means that class selectors have a wider range of applications. An example of combining classes would be:

<p class=”highlight indent”>
.highlight { font-weight: bold; }
.indent { padding-left: 2em; }

There may be times when a declaration conflicts with another declaration. These conflicts are resolved using the Cascade rules. In simple terms, if a class selector and ID selector were to be in conflict, the ID selector would be chosen.

Before you dive into editing anything though I strongly suggest you create a child theme so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:

https://codex.www.ads-software.com/Child_Themes
https://op111.net/53/
https://vimeo.com/39023468

I hope this helps.

Hello Linda.

The addition of #comment { display: none; } to your style sheet should work but only if you insert it in the right place in the style.css file. CSS is an abbreviation of Cascading Style Sheet, ‘Cascading’ being the key word. If a style definition appears more than once in a stylesheet, subsequent definitions will override previous ones.

You may have inserted the #comment { display: none; } too near the top and has been overridden further down. Try inserting it at right at the bottom instead.

Let me know if it works.

Hi aymc

The bit you need to edit is not in any of the php files, but is one of the css files. Namely style.css. However, it is not good practice to change this file directly though. A better way is by setting up a ‘child theme’. I suggest you read up on what a child theme is and why its good practice to use them here https://codex.www.ads-software.com/Child_Themes. There is a lot of information in there though, and you might find it difficult to digest, so check out the video on this page if you struggle to make sense of it all.
https://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/.

Once your child theme is in place you can make a new css file that contains the adjusted css values that will effectively override the selected css values in the original style.css file and without losing or adjusting the original file either.

Just start by reading the articles I’ve suggested and post back if you need more help. Good luck!