[Songwriting WorksParticipant]

Hello,

I would like to add a bit of padding to the left and right hand sides of the shortcode textbox I’m using on my site. Right now, the text is touching the edge of the container it is in but I would like there to be a bit of space. I tried adding padding-left: 10px; padding-right: 10px; to the Style area of the container the text shortcode is in, but it didn’t do anything. Please help.

Thanks!

[Songwriting WorksParticipant]

This reply has been marked as private.

[Songwriting WorksParticipant]

Update: I just tried adding padding-left:20px to the style area of the container which holds the image, text, and accordion box, but it padded everything by 20px. How do I add padding to only the text?

[ChristopherModerator]

Hi there,

Please add padding-left:20px; in style field of your text shortcode and it should work.

Hope it helps.

[Songwriting WorksParticipant]

Yes, as I mentioned, I tried that but there isn’t a style field for the Text shortcode.

[Songwriting WorksParticipant]

Where should I put the padding CSS since there isn’t a style field for the Text shortcode?

[DarshanaModerator]

Hi there,

You can add a special class to the Column (eg:special-column) as shown here in the screenshot (http://screencast.com/t/SODUa05t) and then add the CSS rules into your Customizer, Custom > CSS area as follows.

.special-column {
    padding-left:20px;
    padding-right:20px;
}

Hope that helps.

[Author]

Posts