Fabio Argenti
asked 10 years ago

Hi, the sidebar-left is too tight for my blog and some widgets, are over normal dimension.
How can I enlarge width without compromise the responsivity?

Finally, can I also apply page layouts to articles?

Thank you

northisland
replied 10 years ago

Thank you, Dominic !

Our site changed like this "http://www.skylarktimes.com/" to add your code to to the style.css file.
but set #sidebar "{ width: 200px;}"
Is anything to care?

Takashi

dominic Staff
replied 10 years ago

Look great, you can change the px in the code as you want.

3 Answers
DominicStaff
answered 10 years ago

Hi,
You can add the following code to the style.css file:

#main {padding: 50px 8px 10px 230px;}
#sidebar { width: 230px;}
@media only screen and (max-width: 985px) {
  #main {
    padding: 50px 10px 10px !important;
}
}

If you still face there issue, you can send me your site for further checking.
Hope this helps !

argfa
replied 10 years ago

Perfect!

argfa
replied 10 years ago

I can see the result here (search widget "categorie"): http://www.soluzionipersomari.it/

Fabio Argenti
answered 10 years ago

About the articles layout, can I associate any page-layout to articles?

There is a lot of empty space in the right side of article:

http://www.soluzionipersomari.it/programmazione/come-creare-un-file-bat-per-verificare-le-impostazioni-di-rete/

Like this page: http://www.soluzionipersomari.it/un-po-di-storia/ (shop layout)

but with "sidebar" of homepage instead "shop sidebar"?

Thank you.

Fabio

DominicStaff
answered 10 years ago

You only possible use page-layout for pages.

If you want to change width of the content in the single post, you can add the following code to the style.css file:
.single-post #content {max-width: 850px;}

Also, if you want to remove the right sidebar, you can add the following code to the style.css file:
#sidebar-secondary { display: none;}

Regards,

argfa
replied 10 years ago

Ok thank you! 🙂

Powered by DW Question & Answer Pro