change the width of copy and the sidebar widget

In the “Additional CSS” section of the dashboard add this:

@media screen and (min-width: 768px) {
    .has-sidebar #secondary {
        width: 34%;
    }

    .has-sidebar:not(.error404) #primary {
        width: 63%;
    }
}

https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Hi! Andrew,
Thanks so very much for your response!
I am a real chicken with this CSS stuff. This is the first time, I am doing anything like this……
I went to appearance >> edit CSS and clicked.
It opened the >> Customising Additional CSS
There I found this:

1 .author, .byline {
2 display: none !important;
3 }

Should I simply add exactly what you sent me directly after that? Like this (which will probably add numbers on the side to #9?)

1 .author, .byline {
2 display: none !important;
3 }
@media screen and (min-width: 768px) {
.has-sidebar #secondary {
width: 34%;
}

.has-sidebar:not(.error404) #primary {
width: 63%;
}
}

Lesley

Yes try adding it to the bottom of what is already there, like you said:

.author, .byline {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .has-sidebar #secondary {
        width: 34%;
    }

    .has-sidebar:not(.error404) #primary {
        width: 63%;
    }
}

Andrew,
It worked great!
If I want the copy even wider and the sidebar even narrow I understand it is the numbers/percentages you used.
copy 63%
sidebar 34%

Question: I just have to increase the copy number and decrease the sidebar number? I just have to keep the total at 97% ?

Lesley

Question: I just have to increase the copy number and decrease the sidebar number? I just have to keep the total at 97% ?

Yes, well you could even increase it to match 100% but there won’t be any space between your text and sidebar. Have a play with it, it won’t take down your site and you can always go in and change the code back.

OK, thanks so much for your help.

I have another question – something else completely…. should I start another thread?

Andrew, thanks again! This I learn best. one thing at a time!

Lesley

not proofing what I write, enough.
Meant to say: This is how I learn.

Yes please start a new thread ?? This way when someone googles “How can I do this”, it’s much easier for them to find the solution.

OK
Thanks again and again!
Lesley