Thanks for using Tracks!
1. Where the second menu is in the header I would like a phone number put there instead. I think I need to add it where the code for the social icons are and style it to the left but I’m abit stuck on how to do it.
For this you’ll want to use a child theme (tracks-child.zip).
Copy the header.php file from Tracks into your child theme, and then the version in the child theme will be loaded instead. You can then include the phone number inside the top-navigation div (line 32 would be good).
By editing the copy of header.php in your child theme, you can make the customization and you won’t lose it when you update to newer versions of Tracks.
2. I would like the social icons to be white and then fade when you hover over them (so the opposite way to how they are now) but I can’t find the code in the css file to change it.
The following CSS can accomplish this:
.social-media-icons a {
opacity: 1;
}
.social-media-icons a:hover,
.social-media-icons a:active,
.social-media-icons a:focus {
opacity: 0.4;
}
That code can be added in the Custom CSS section in the Customizer, or since you’ll be using a child theme, the child theme’s style.css file.
3. Where the previous and next links are at the bottom of each post I would like to remove all of this and just keep a link to go back to that category the posts are in. I have removed the categories and tags from the left hand side as I didn’t want to use these.
The previous/next post links can be removed via the Additional Options section in the Customizer (screenshot).
Are you sure you don’t want to use the existing post categories on the left side? If it is just the placement on the left that you don’t like, that can be modified via CSS.
Thread Starter
-Rich-
(@-rich-)
Thanks Ben
With the phone number do I need to put that into some code? Sorry I should have said I have no knowledge of coding php. If I just enter the phone number on line 32 I get syntax error.
The code for the social icons doesn’t seem to work from the style.css file but if I change it on the style.min.css file it does – I’ve done all my css changes on this file so far in the child theme, which I had already installed. I had a play around with it by adding other changes to the style.css file and none of them are loading. I’ve tried via the editor in the admin section and using notepad2 and uploading via ftp. I’ve definitely uploaded it to the child theme and changes I’ve made to php files like index and footer show. Have I missed something?
I don’t know if this is related but I’m also having issues with the functions.php file as well, if I copy it from the tracks folder (with no changes) to the tracks-child one I get a fatal error message. I was reading a guide about adding new Google fonts using this file but can’t get that to work.
I’ll have a look at moving the categories link using css, I hadn’t thought of doing that.
Thanks 🙂
Thread Starter
-Rich-
(@-rich-)
With abit more searching I think I have done everything now but I still can’t get anything to show from the style.css file. I put the code for the phone number in here and it wouldn’t load but from style.min it does.
Okay, one of two things must be happening with the CSS. First, the code may not have been “specific” enough to override the existing CSS. Try this instead:
.social-media-icons a {
opacity: 1 !important;
}
.social-media-icons a:hover,
.social-media-icons a:active,
.social-media-icons a:focus {
opacity: 0.4 !important;
}
The “!important” tags give the selector a much higher specificity score. If this still does not work, then the stylesheet probably isn’t loading. In which case, I’ll just need a link to your site, so I can check it out.
Thread Starter
-Rich-
(@-rich-)
It looks like I had made a noob error and copied the style.min.css file to the child folder for some reason. Once I deleted that the changes from just style.css show.
You can mark this as solved now thanks 🙂
Could you just point me to a guide or the file I need to change to use different Google fonts as well?
Thanks
Okay great 🙂
The simplest solution would be to use the Easy Google Fonts plugin. If you want to try your hand at coding it in, take a look at the scripts.php file in the inc folder to see how Tracks loads the Raleway font.
Thread Starter
-Rich-
(@-rich-)
Thanks Ben
I like to try coding my changes in so had a look at the scripts file but when I copy it to the child theme and change the font name there (and in the css) it doesn’t change, it’s still loading from the parent theme. It works by making the changes on the parent theme though.
I knew I had read one of your posts about changing the font before and I found it – https://wordpress.org/support/topic/change-font-and-red-outline-on-posts That way worked fine 🙂
Okay glad you’ve got it working now.
