Running Motif theme on .org

Thanks for these, Kathryn.

I tried to enter the code in the parent CSS before creating the child theme just to check it worked.

Is there a specific spot it should go in, because when I entered the code it didn’t make a difference.

Thanks,

Ben.

Is there a specific spot it should go in, because when I entered the code it didn’t make a difference.

It would have to go at the very end of the file.

Hello, Kathryn.

I have tried to make the logo the same size as on WordPress.com. The cropping feature already mentioned has handles but they are not adjustable (in fact none of the cropping tools seem to work at all). Net result – a logo that looks far too small.

I really don’t understand how a logo can be one size on .com, but limited to a much smaller size on .org.

Is there any CSS we can try to improve the situation?

Thanks,

Ben.

Hello again, Kathryn.

Just tried to remove the ‘home’ wording from the text box on the home page using CSS. I put the code at the end of the file but the wording remains.

Any ideas?

Many thanks for your time.

Ben.

Just tried to remove the ‘home’ wording from the text box on the home page using CSS. I put the code at the end of the file but the wording remains.

It looks like the word “Home” is gone – have you refreshed the page or cleared your browser cache? This is what I see:

I really don’t understand how a logo can be one size on .com, but limited to a much smaller size on .org.

On both WordPress.com and self-hosted WordPress, the Customizer states that the Motif theme limits the header image size to 320 x 110. The fact that WordPress.com lets you display an image that’s a bit larger than the recommended size may be due to differences between the implementation of the Customizer on the two platforms.

WordPress.com screenshot of Customizer with Motif active:

Self-hosted screenshot of Customizer with Motif active:

The header size is being applied via custom-header.php in this function:

function motif_custom_header_setup() {
	add_theme_support( 'custom-header', array(
		'default-text-color'     => '333',
		'width'                  => 320,
		'height'                 => 110,
		'wp-head-callback'       => 'motif_header_style',
		'admin-head-callback'    => 'motif_admin_header_style',
		'admin-preview-callback' => 'motif_admin_header_image',
	) );
}
add_action( 'after_setup_theme', 'motif_custom_header_setup' );

To change it would require some custom PHP to remove the current function and then add a new one in a child theme. Let me know if you’re interested in going that route and I can try to help with the code.

If you try the change directly in the theme first, you’ll need to regenerate your thumbnails, using a plugin like this one.

Thanks, Kathryn.

How odd, it took a few refreshes, but the wording has gone. Thanks again.

I just want to reduce the white padding around the body text in that box now and I’ll leave you in peace!

Thanks,

Ben.

Try this custom CSS to reduce the top padding and overall padding:

.home .post-24 .entry-header {
     padding: 0;
}

.home .post-24 .entry-content {
     padding: 7px;
}

Learning how to target your site’s CSS will help you make certain design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:

https://dailypost.wordpress.com/2013/07/25/css-selectors/

https://dailypost.wordpress.com/2013/06/21/css-intro/

https://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/

https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

These are from WordPress.com but the information is relevant to tweaking the CSS on any type of site. Good luck!

Many thanks for all your advice, Kathryn.

Ben.

Hello,

I am creating a WordPress-site using the Motif-theme and I have got a question about the Grid-page. Hopefully somebody can help me with the following challenge:

The Grid (parent)-page is generated with information of its sub (child)-pages, like the featured image, the title, and an excerpt of each sub-page. I would like to control the lenght of the excerpt since it is a little bit to long. Now it seems to ‘break’ after 56 words, and I was wondering if (how and where) I could change this to, for example, 10 words.

There seems to be a div called “entry summary” but I have no idea how to change this one.

Hopefully there is an answer to my question.

Help is much appreciated.

Regards, Martijn

Hi Martijn – the Codex explains how to vary the excerpt length:

By default, excerpt length is set to 55 words. To change excerpt length to 20 words using excerpt_length filter, add the following code to functions.php file in your theme:

https://codex.www.ads-software.com/Function_Reference/the_excerpt#Control_Excerpt_Length_using_Filters

Add the code to your functions.php in 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

If you need further help, could you please start a new thread rather than continuing in this old one? Add the tag wpcom-theme in the tags area of the post so I’ll be sure to see it. Thanks!

Hi Kathryn,

Thanks a lot for your answer!

I will try to fix the problem. When I need more help I certainly will make a new thread!

Thanks again.

Martijn