Twenty Seventeen: more space above 'share' and 'like'

  • Unknown's avatar

    Hi

    I would like to have more space above the ‘share’ and ‘like’ buttons, for example on https://rdm2017.wordpress.com/active-research.

    Maybe it would also be possible to display them next to each other, on the same line?

    Thank you! :-)

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

  • Unknown's avatar

    Hi, the content on that page is in divs rather than paragraphs, which means there isn’t the typical bottom margin or padding below the last block of text. If you wish to have normal paragraphs, open that page in the editor, and then in the dropdown to the left of the bold button, select paragraph.

    If you wish to keep it as it is, add this to your custom CSS. I’ve specifically targeted this page so that it doesn’t affect any other pages. You can adjust the 50px value as desired.

    .page-id-165 #jp-post-flair {
    	padding-top: 50px;
    }
  • Unknown's avatar

    > in divs rather than paragraphs

    I had been looking at the html code but couldn’t see that.

    I’m still using #jp-post-flair on all pages (and blogs), thank you :-)

  • Unknown's avatar

    You are welcome. The editor will hide certain HTML elements unless there is a change made to that element, such as color, bold, etc., so that is why you can’t see them in the Text/HTML tab.

  • The topic ‘Twenty Seventeen: more space above 'share' and 'like'’ is closed to new replies.