Widgets and text width in posts [Harmonic theme]

Hi there,

1. in posts I’d like to have possibility to make font bigger and have more space for text (segment with text to be wider, so move tags and category more to the left and widgets to the right). Is that possible?

It’s possible to achieve both of those things with some custom CSS.

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme in order to increase the size of the font on your site:

body, button, input, select, textarea {
    font-size: 18px;
    font-size: 1.8rem;
}

Increase/decrease the first value of font-size to your liking. Also make sure that the second value stays exactly a tenth the value of the first. (You can find more on the reasoning behind this here, if you’re interested.)

You can the increase/decrease the width of the meta information to the left of your post with the following:

@media only screen and (min-width: 40.063em) {
    .entry-meta {
        width: 25%;
    }
}

And increase the width of your post’s content area with this snippet:

@media only screen and (min-width: 40.063em) {
    .entry-main, .paging-navigation, .post-navigation {
        float: right;
        width: 75%;
    }
}

Ensure that the total width of the meta information plus the width of the post’s content area equals 100%.

2. at the same time I’d like widgets segment to be wider (as you can see Facebook page cannot fit in to this narrow column)

The main content area (that contains both the meta information and post’s content) can be increased/decreased by targeting body.secondary-sidebar #primary in your site’s custom CSS:

@media only screen and (min-width: 64.063em) {
    body.secondary-sidebar #primary {
        width: 75%;
    }
}

The width sidebar (containing the widgets) can then be changed with the following:

@media only screen and (min-width: 64.063em) {
    body.secondary-sidebar #secondary {
        width: 25%;
    }
}

As before, increase/decrease the value of width to your liking in the above snippets. They should equal 100% when added together in order to keep everything inline on your site.

3. in posts I’d like the topic of the post and date to stop from disappearing when scrolling down (as it’s done on the home page in slide one)

Are you trying to set the title on your posts so that they always display and never disappear on scroll? If I’m understanding you correctly, then the following custom CSS will do the trick:

.single-post .hsContent.skrollable.skrollable-between, .single-post .hsContent.skrollable.skrollable-after {
    opacity: 1 !important;
}

Please note that the use of the !important command in CSS is not considered best practise but is necessary in this case to override some inline styling.

Let me know if the above snippet helps with what you’re trying to achieve or if you were after something else.

4. Is it possible to delete “0 comments” as it doesn’t count Disqus comments? (I tested)

The link to your comments can be hidden with the following custom CSS:

.comments-link {
    display: none;
}

5. How can I translate “Read more” to anything else?

We use a tool named GlotPress to manage translations for themes in the www.ads-software.com repository, and you can contribute directly here:

https://translate.www.ads-software.com/projects/wp-themes/harmonic/pl/default

Once you have submitted the translations for Harmonic, you can find steps to getting them approved in the Translation handbook here:

https://make.www.ads-software.com/polyglots/handbook/tools/glotpress-translate-wordpress-org/#approval-of-translations-validating

You will then be able to download the translation file and upload it your theme’s languages folder.

Hope that helps!

That’s perfect Siobhan, thank you very much! That helped me with one exception.

Unfortunately comments count is still visible.

I also remembered that “Related posts” function doesn’t work since the beggining. It’s enabled in the settings.

Again, thanks!

Unfortunately comments count is still visible.

Give this a try:

.entry-meta .comments-link {
  display: none; 
}

I also remembered that “Related posts” function doesn’t work since the beggining. It’s enabled in the settings.

Related posts functionality isn’t built into the theme, so perhaps you’re using a plugin for that? I’d suggest posting in the plugin’s forum if they’re not working as expected.

I checked in demo on wordpress.com and it worked, but nevermind, I’ll look for some plugin ?? But comment count disappeared now.

Siobhan and Kathryn, thank you for your help, it was awesome! Much appreciated.

WordPress.com has the Related Posts feature built in.

On a self-hosted site like yours, you can get the same Related Posts functionality you see on WordPress.com by actvating the Jetpack plugin’s Related Posts module. If you need any help with it, feel free to post in the Jetpack forum:

https://www.ads-software.com/support/plugin/jetpack

Siobhan and Kathryn, thank you for your help, it was awesome! Much appreciated.

We’re very happy to help! Feel free to start a new one if you need a hand with anything else.