Dla pojedynczego wpisu, można zrobić coś takiego
/* prawa kolumna */
.is-singular:not(.home) .site-inner {
width: 60%;
}
/* obrazek po lewej */
.is-singular .entry-media {
width: 40%;
}
/* szare tlo z tytulem */
.has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header {
width: 40%; /* tutaj musi byc taka sama wartosc jak wyzej aby szare tlo bylo rowne z szerokoscia lewej kolumny */
}
/* szerokosc tresci w prawej kolumnie */
.has-post-thumbnail.is-singular .entry-inner {
max-width: 80%;
}
Musisz wczytać te style jako ostatnie aby nadpisać te oryginalne.
lewa i prawa kolumna powinny w sumie mieć 100%, ale jak będziesz eksperymentować z tymi regułami to zobaczysz o co chodzi…
Nie testowałem i nie optymalizowałem dla urządzeń mobilnych, ale zawsze to jakiś początek. 🙂
-
Ta odpowiedź została zmodyfikowana 7 years, 10 months temu przez
ziemekpr0.
-
Ta odpowiedź została zmodyfikowana 7 years, 10 months temu przez
ziemekpr0.