how to delete a gap between texts?

• 

  9thartwave · Member · Dec 10, 2013 at 10:38 am

  • Copy link
  • Add topic to favorites

  hi, how can I delete the gap between the underlined text and the text below here

  http://panosantonopoulos.com/newsexhibitions/

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Dec 10, 2013 at 7:20 pm

  • Copy link

  Edit the page and remove the paragraph breaks you have entered after the underlined texts.

• 

  9thartwave · Member · Dec 10, 2013 at 11:32 pm

  • Copy link

  what about this?

  http://panosantonopoulos.com/bio/

• 

  justpi · Member · Dec 11, 2013 at 9:30 am

  • Copy link

  First you need to edit the page, switch the editor to Text and delete all of these:

  <p style="text-align:justify;">
  <span style="line-height:1.5em;">
  </p>
  </span>

  Then you need to explain if you want justified text and increased line height on that page only, or on all your static pages, or on all static pages and posts.

• 

  9thartwave · Member · Dec 11, 2013 at 9:37 am

  • Copy link

  generally to all, but prefer to check it page by page…for some reason cannot delete the gap below the ”group exhibition”

  how can I move the bullets further right?

• 

  justpi · Member · Dec 11, 2013 at 10:50 am

  • Copy link

  a) If it’s “generally to all”, then you apply it once for all in the CSS editor:

  .entry-content {
  line-height: 1.8em;
  text-align: justify;
  }

  And you change it in the Text editor or the CSS editor for specific pages.

  b) When you want to change the whole text of one specific page, you don’t add styling to each and every paragraph, and you don’t use span tags either: you add styled p tags when you want to change a specific paragraph only, and you add styled span tags when you want to change characters, words or phrases inside a paragraph or other text block.

  c) You can’t delete the gap below ”Group Exhibitions” because it’s followed by a list. The list is a separate block, so ”Group Exhibitions” is marked as a paragraph even if you delete the paragraph break in the editor. To delete the gap you need to remove the bottom margin of that paragraph:
  <p style="margin-bottom:0;"><strong>Group Exhibitions</strong></p>

  An alternative would be to mark all those headings as actual headings in the editor (say h2 or h3) and style them the way you want them once for all in the CSS editor.

  d) If you mean for all your lists, add this and increase the value:

  ul, ol {
  margin-left: 18px;
  }

  (This isn’t the first time I write “if you mean”: please be very precise when asking CSS questions.)

• 

  9thartwave · Member · Dec 11, 2013 at 2:07 pm

  • Copy link

  many many thanks

• 

  justpi · Member · Dec 11, 2013 at 4:12 pm

  • Copy link

  You’re welcome.