Control spaces and headlines
-
I’m Trying to control spaces between the headlines, texts and pictures.They are too big. Can I?
All my headlines starting from left to right, only ‘project’ at the middle, can i change that?In my ‘projects’ page, the text lines are one after another. That way:
LineLineLine
Can i separate them?
I want them to be below. That way:
Line
Line
LineThe blog I need help with is: (visible only to logged in users)
-
Hello @yaelgutreichoron
I’m Trying to control spaces between the headlines, texts and pictures.They are too big. Can I?
Yes you can, here’s the CSS:
1. For portfolio page:.archive .page-header { margin-bottom: 3rem !important; }2. For rest of the pages:
.page-header { margin-bottom: 0; }All my headlines starting from left to right, only ‘project’ at the middle, can i change that?
Yes, you can change that too. Just add text-align: left; property to the above given CSS for the portfolio page:
.archive .page-header { margin-bottom: 3rem !important; text-align: left; }In my ‘projects’ page, the text lines are one after another. That way:
LineLineLine
Can i separate them?
I want them to be below. That way:
Line
Line
LineThat’s because the post excerpts are removing the paragraph tags from the original posts and wrapping them inside a single paragraph tag.
So try this:
Currently the paragraph tags for those lines look like these:<p style="text-align: justify; outline: none;">Location → Tel Aviv</p> <p style="outline: none;">Sq meter → 110</p> <p style="text-align: justify; outline: none;">Photography → Tamar Almog Halachmi</p>Edit to your projects by switching to the HTML tab of the post editor, with line break tags like this:
<p style="text-align: justify; outline: none;"> Location → Tel Aviv<br/> Sq meter → 110<br/> Photography → Tamar Almog Halachmi </p>Hope this helps 🙂
- The topic ‘Control spaces and headlines’ is closed to new replies.