Reduce width of sidebar

I also don’t need the padding to be 30 px.

And where in the child theme can I change the link color, it is coming out as white and is unreadable until hovered over.

The sidebar is quite a bit of work to change the width of, as there is a lot of css/responsive stuff going on there as well as background images with certain widths.

There are a few threads where this has been discussed on here, and I’d suggest you would look for them as it’s beyond what I can assist with.

If your link color is white, then you most likely set primary accent color to white. I’d recommend using some other color for the primary accent color, as it affects quite a few links and hover effects.

If you still wish to use it, add this as custom css to fix links in entries:

.entry a { color: red; }
.entry a:hover { color: blue; }

Firstly, brilliant work on the theme Alex! It’s really great.

I’m not sure if this helps TVHCare, but I’ve done a bit of fiddling around and changed the sidebar width. I’m not sure if it is the best way to do it, but it seems to work for me.

I’ll put the .css code here and you can try it out yourself, changing the values to whatever suits you. ??

.col-2cl .main-inner { background: url(img/sidebar/s-right-s1.png) repeat-y right 2; background-size: 260px; padding-right: 240px; background-position: right top;}
.col-2cl .content { float: left; }
.col-2cl .s1 { float: right; margin-right: -240px; margin-left: -200px; }
.s1 { width: 260px; }

Cheers

@davestone, thanks for the CSS. I’ve been trying to adjust my width. In both Firefox and Chrome, the “middle” state ( I guess for tablet view? ), the sidebar color overlaps the content. In mine sidebar is basically gray and it overlaps the white content background. In the desktop and mobile view it’s not an issue.

Essentially, in the tablet view, the sidebar is hidden and instead it displays the arrow to pull out the sidebar, but the gray background is not getting hidden.