[Resolved] Sidebar width to 300px

[Huseyin]

Hi Generatepress Team

I know there are so many tickets for sidebars, tried all of them none of them helped me.

So I need to have a sidebar of 300px in width, for adsense ad. Currently the container width is set at 1100px.

[David]

Hi there,

try this CSS:

@media (min-width: 769px) {
    .right-sidebar .site-content {
        display: flex;
    }
    .right-sidebar #right-sidebar {
        width: 380px;
    }
    .right-sidebar #primary {
        flex: 1 0;
    }
}

note in the code width: 380px; its set to 380px as your Sidebar padding is set to 40px.

[Huseyin]

Could you have a check? it’s not working
URL https://wordpress-394091-1251842.cloudwaysapps.com/how-to-ace-your-hsc-english-exam/

[Leo]

I’m not seeing David’s CSS being added.

How are you adding it?

Are you using any caching plugins?

[Huseyin]

Solved it, just moved the CSS to the top and it worked

[Leo]

That means you have some CSS syntax errors which stop the code below the error from executing.

[Huseyin]

How could I solve the CSS syntax errors? please thankss

[Leo]

You can use a service like this to check:
https://jigsaw.w3.org/css-validator/

[Huseyin]

legend, fixed few errors thank you, Leo

[Leo]

No problem 🙂

[Author]

Posts