need a child theme?

Resolved zedonk
(@zedonk)

10 years, 9 months ago

Hello,

I do aplogise for the multiple requests. I suspect they all all best accomplished via a child theme, hence including them in one message.

I’m using intergalactic theme and need to:

– change font to be lowercase throughout, by default, unless i specifically type uppercase in a blog/page entry
– change post navigation button to read ‘previous’ and ‘next’ rather than ‘previous post’ and ‘next post’
– widen the blog post area
– change header for logo/ image file
– change text in footer

An example page from my website: http://test.zedonk.net/better/

Would child theme be best to sort that lot out? Or is there a better/ easier way?

Viewing 3 replies - 1 through 3 (of 3 total)

sacredpath
(@sacredpath)

Automattic Happiness Engineer

10 years, 9 months ago
Hi there,

Uppercase to normal case (what you type is what you get):
```
h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}
```
On the navigation buttons, you would need to create a child theme and then copy over the /inc/templates-tags.php file and edit the following section and chang ehte Next Post and Previous Post text in the span tags.
```
<nav class="navigation post-navigation" role="navigation">
		<h1 class="screen-reader-text"><?php _e( 'Post navigation', 'intergalactic' ); ?></h1>
		<div class="nav-links">
			<?php
				previous_post_link( '<div class="nav-previous">%link</div>', _x( '<span class="meta-nav">&larr;</span>&nbsp;Previous Post', 'Previous post link', 'intergalactic' ) );
				next_post_link(     '<div class="nav-next">%link</div>',     _x( 'Next Post&nbsp;<span class="meta-nav">&rarr;</span>', 'Next post link',     'intergalactic' ) );
			?>
```
If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

Child Themes
Child Theme creation plugins
Jetpack plugin
Custom CSS plugins

To widen the blog post area, add the following to your custom CSS and edit the width.
```
.page-content, .entry-content, .entry-summary, .entry-title, .entry-footer, .comments-area, .site-info, .entry-author, .entry-meta, .page-title, .taxonomy-description {
    width: 660px;
}
```
To add a logo image instead of the text, add the following CSS and replace URL_OF_IMAGE between the quote marks with the URL of your uploaded logo. This may require additional adjustments depending on logo size.
```
.single .site-title a, .error404 .site-title a, .search-no-results .site-title a {
    color: rgba(0, 0, 0, 0) !important;
    background: url('URL_OF_IMAGE') no-repeat scroll right top transparent;
}
```
On the footer text, I see you have added text using CSS and the .site-info:before pseudo selector. Did this achieve what you wanted?
Thread Starter zedonk
(@zedonk)

10 years, 9 months ago

Aha! The main man! Hi sacredpath, I’ve read several of your posts over last few days. Thanks for coming back to me.

I managed to change text case in the end. And decided that the original is better. So much for my design skills!

Was battering my head this weekend, and had some very kind help from touchcoding about the next/previous issue, see here :
https://ww.wp.xz.cn/support/topic/change-font-navigation-text?replies=13
…but try as i might i can’t get it to work! At this point, I’ll move on/ live with it.

Have indeed set up child css (quite proud of myself!) and have added few minor tweaks.

Your fix for blog width has worked a treat. Thanks

Used slightly different code for header/ logo which seems to do the job (unless you tell otherwise) http://test.zedonk.net/

.home .site-title a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(http://test.zedonk.net/wp-content/uploads/2015/08/ZEDONK_RGB-300×97.jpg) center no-repeat;
background-size: 100%;
display: block;
margin: 0 auto;
width: 300px;
height: 97px;
}

yes, found one of your posts, i believe, to sort out the footer. It would look cleaner without the ‘Proudly powered by WordPress | Theme: Intergalactic by WordPress.com’ text. But i have been able to add the text i need and seeing as I’m standing on the shoulders of giants credit where its due!

Cheers

Moderator Kathryn Presner
(@zoonini)

10 years, 9 months ago

Glad Sacredpath was able to help you out with this. Marking as resolved.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘need a child theme?’ is closed to new replies.

Tags