left margin in Yoko theme

dompython · Member · Dec 26, 2014 at 4:19 pm
Copy link

Add topic to favorites
(first: sorry for my “google-english”! Original version in French below.)

I would like to make a small change to the layout of my blog without changing theme (because I love Yoko!).

On the home page, there is a right margin (widgets) and left (date and number of comments). This left margin disappears when you read the entire article.

Is it possible to keep this margin in the article page? (perhaps with CSS?) I like this space some centers the text on the page …

Thank you!

Original:

Je voudrais apporter une petite modification à la mise en page de mon blog sans pour autant changer de thème.

Sur la page d’accueil, il y a une marge droite (widgets) et une à gauche (date et nombre de commentaires). Cette marge de gauche disparaît lorsqu’on lit l’article en entier.

Est-il possible de conserver cette marge dans la page article? (peut-être avec la CSS?) J’aime bien cet espace qui centre un peu le texte sur la page…

Merci!

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Dec 26, 2014 at 9:27 pm
Copy link
Please try the following CSS:
```
.single-post #main {
width: 50%;
margin-left: 250px;
}
```
Adjust the width and left margin as you wish.

However we can’t fill the left margin with any text using CSS, so it has to be left empty.
dompython · Member · Dec 27, 2014 at 4:27 pm
Copy link
YES, IT WORKS!
Thank you very, very much, chaitanyamsv!

Dom’-)
dompython · Member · Dec 27, 2014 at 5:55 pm
Copy link
ooops…
The problem is that the margin is also on the mobile theme, even disabling the CSS option
:-(
staff-happychia · Staff · Dec 27, 2014 at 7:27 pm
Copy link
Let’s restrict this change to only larger screens by using media query as following:
```
@media screen and (min-width: 1020px) {
.single-post #main {
width: 50%;
margin-left: 250px;
}
}
```
dompython · Member · Dec 28, 2014 at 6:16 am
Copy link
Thank’s a lot!
:-))))

No items found.