ワードプレステーマ（japacart）の左カラム幅の変更について

Question

前提・実現したいこと

japacartというワードプレステーマでネットショップを作っています。
バナーを貼るために左側のカラムの幅を少し大きくしたいと思っていますがスタイルシートの書き方がわかりません。

発生している問題・エラーメッセージ

調べながらこのように書いてみたのですが、変化しませんでした。

https://japawww.com/demo-bakery/

#sidebar{
 width:40%
}

.sidebar{
 width:40%
}

#sub{
 width:40%
}

試したこと

こちらのページを参考にしました
https://naruhodo.repop.jp/wordpress-column/

補足情報（FW/ツールのバージョンなど）

ワードプレスのバージョンは5.7です。

方法が分からず困っています。
追加で情報が必要でしたら教えていただけますか。

Answer 1

お使いのテーマを使ったことがないのでデモサイトを見た限り、
sidebarというIDもクラスもないようです。
で、パソコン表示だと以下のコードのように、サイドバーとメインの部分に幅を持たせているようです。

@media only screen and (min-width: 992px)
.japacart-sidebar {
    width: 25%;
}

@media only screen and (min-width: 992px)
.japacart-content.japacart-content-has-sidebar .japacart-main {
    order: 2;
    width: 70.8333333333%;
}

なので、それらの値を変更してあげればいいのではないでしょうか。

参考まで。

Comments

[namowamu]

いただいたソースを張り付けて％の部分を変更したらできました。ありがとうございます！
Sidebarという部分はワードプレステーマには必ずあるわけでは無いということでしょうか。
Japacartだけ例外なんですかね。。。

Answer 2

セミコロン(;)がないからだと思います。

Comments

[namowamu]

セミコロンを付けても変わりませんでした。