CSS padding to specific modules

• 

  tristanackley · Member · Mar 17, 2020 at 12:52 am

  • Copy link
  • Add topic to favorites

  Hello,

  My blog venturingvagabond.com uses the theme Exford (which I love!), but I would like some custom CSS padding on the MEDIA TEXT modules. I’m not thrilled with how wide the text aligns in the black box, and would like a bit more padding on the left/right margins.

  Thanks,
  Tristan

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

• 

  kokkieh · Staff · Mar 17, 2020 at 9:18 am

  • Copy link

  Hi Tristan,

  Just a note that you can also get help with questions like this via live chat at https://wordpress.com/help/contact

  This should do the trick, though:

  /* Increase padding for text in media and text block */
  .wp-block-media-text.alignfull .wp-block-media-text__content {
  	padding-left: 10%;
  	padding-right: 10%;
  }

  You can adjust those percentages, or even switch them to fixed pixel values if you prefer, until it looks the way you want.

  If you want it to apply to all media and text blocks, even if their alignment is not full-width, just remove the .alignfull class.