Social Buttons, Text Background and Image Frame

• 

  bloghappymangobeads · Member · Dec 3, 2016 at 3:56 pm

  • Copy link
  • Add topic to favorites

  I would love help with 3 different issues. I am using the “Buttons Theme”.

  1) I’d like to make the social media buttons a little smaller than they are. 2) The white background behind the text and the header is so large, I’d like it to be smaller (tightened up around the text and header). 3) When viewing posts there is an odd border around the images (https://happymangobeadsblog.com/category/posts/), I’d like to remove that.

  Thank you!

  Thanks

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

• 

  thesacredpath · Member · Dec 5, 2016 at 8:55 pm

  • Copy link

  Hi there, the social links, due to how they are done, require a couple of things to be changed. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. The following makes them about 15% smaller.

  .social-links ul a::after {
      height: 35px;
      width: 35px;
  }
  .social-links ul a::before {
      font-size: 20.5px;
  }

  If you wish, you can adjust the values to make them smaller still. First adjust the height and width if the first rule, and then adjust the font size in the second rule to get things to be centered and a consistent border.

  To adjust the padding around the content in the white area, add the following and adjust the two values as desired. The first is the top/bottom padding and the second the left/right.

  .site {
      padding: 3em 5em;
  }

  On the border on the images on single post pages, add the following to get rid of that.

  .featured-image > .corners::before, .featured-image > .corners::after, .featured-image::before, .featured-image::after {
      background: none;
  }
  .featured-image .shadow {
      box-shadow: none;
  }
  .featured-image img {
      width: 100%;
      max-width: 100%;
  }

• 

  bloghappymangobeads · Member · Dec 20, 2016 at 1:03 am

  • Copy link

  Thank you so much for your help, I really appreciate it! Everything worked out perfectly.

• 

  thesacredpath · Member · Dec 20, 2016 at 6:34 am

  • Copy link

  Awesome, and you are welcome!