Hi Alice,
Thanks for using Tracks!
For style edits, the easiest way to modify Tracks is by using the Custom CSS section in the Customizer. If you’d prefer to do your editing from a text editor, you can use a child theme instead. You can click here to download an empty Tracks child theme.
Lastly, for making the posts skinnier, the element you’ll want to target is “.main”.
Here is the code for .main at present. As you know there is no option to put in a restriction for size here.
}
.main {
background: #222222;
padding-bottom: 1.5em;
margin: 5em;
}
Which bit can I change?
Thanks,
Alice
You can make the site skinnier by reducing the width of .main. Try adding the following to the Custom CSS section in the Customizer:
.main {
width: 90%;
}
You can further reduce the width value in order to make the site even skinnier.
Hi Ben,
Thank you for this. It has worked well when looking at individual pages or posts but what about for the main column on the initial landing page with the excerpts from pages?
Also is there a way of locking the featured images to their original size so as not to be cropped?
Many thanks,
Alice
It just needs a little more specificity to work on the blog/archive pages too:
.blog .main,
.archive .main,
.main {
width: 80%;
}
Keeping the featured images from being cropped would take a lot of customization since the way the images are included would need to be rewritten. If you’re interested, the Full-width Images layout and the Two-column Images layout both have options to display the images uncropped.
