Πως κρύβω τις πλευρικές μπάρες και κερδίζω πλάτος ανάρτησης - Point of view

Εν τάχει

Πως κρύβω τις πλευρικές μπάρες και κερδίζω πλάτος ανάρτησης




Αν έχουμε κάποιες αναρτήσεις που απαιτούν μεγαλύτερο πλάτος μπορούμε να κρύψουμε την μία ή και τις δύο πλευρικές πλαϊνές μπάρες για να μεγαλώσει το πλάτος της κεντρικής ανάρτησης και να χωρέσουν όλα τα δεδομένα χωρίς να βγαίνει μπάρα κύλισης στο κάτω μέρος της ανάρτησης. Παρακάτω υπάρχουν 3 κώδικες οι οποίοι μπαίνουν στο τέλος της ανάρτησης μετά το </div>. Ο πρώτος κρύβει τη αριστερή μπάρα ο δεύτερος την δεξιά και ο τρίτος κρύβει και τις 2 πλευρικές μπάρες.

Αλλάξτε το νούμερο με το γαλάζιο χρώμα που είναι το πλάτος της αριστερής ή δεξιάς πλαϊνής μπάρας που θέλουτε να κρύψετε. Να υπολογίσετε σε αυτό και τα κενά μεταξύ της μπάρας και της ανάρτησης που είναι συνήθως 10-20 px. Τα άλλα νούμερα που είναι χρωματισμένα με μώβ χρώμα και είναι όλα μηδενικά αφήστε τα ως έχουν.

1ος κώδικας για να αφήσετε την αριστερή πλευρική μπάρα και να κρύψετε την δεξιά.
<style>
.main-inner .columns {padding-left: 245px !important; padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-right-outer, .main-inner .column-right-outer {display: none !important;}
</style>

1ος κώδικας για να αφήσετε την δεξιά πλευρική μπάρα και να κρύψετε την αριστερή.
<style>
.main-inner .columns {padding-left: 0px !important; padding-right: 265px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .column-left-outer {display: none !important;}
</style>

3ος κώδικας για να κρύψετε και τις 2 πλευρικές μπάρες.
<style>
.main-inner .columns {padding-left: 0px !important; padding-right:0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>

via via

Pages