How to remove gray opacity upon logo and menu

Thanks for using Tracks!

First, you’ll need to create a child theme for Tracks that you can put your new CSS changes in. We have step-by-step instructions here that will help you do that.

Once you’ve created your child theme, adding the following CSS to the stylesheet will keep the logo at full opacity even when not hovering:

.site-header .site-title {
  opacity: 1;
}

Thank you! That’s done!
And one more thing – looks like i can’t override functions.php in child theme, but I need to translate some items (Previous, Next, and others), how is better to do that. I don’t want to edit original functions.php

Hmm that’s a bit tougher. We’ll be internationalizing Tracks in the future which will allow you to use a .po file for any language you want to translate the theme to.

For now, you could add a copy of content.php and functions.php to your child theme and then add a copy of the ct_tracks_further_reading() function to the functions.php file, but with a different name like ct_tracks_child_further_reading(). Then, you could change the language used in that function and update the content.php file in your child theme to call your new function.

What If I wanted to remove the gray opacity from the featured image of a post, when viewing the post? So that the opacity effect only affects the logo in the header and the posts on the blog page, but not the picture once you view a post.

Sure, adding the following line of CSS in your child theme’s style.css file will accomplish that:

.entry .featured-image:after { display: none; }

Awesome, thanks!

You’re welcome ??