Skip to main content
Inspiring
February 24, 2018
Answered

target code snippets in a shortcode

Hi,

Scenario: two columns of tick box items in a form. At smaller breakpoints their column gap is to my liking... at the largest breakpoint I feel it's too far apart (col-lg-12).

Having it set to col-lg-7 would be perfect, but there seems to be no way to directly target that portion of the code because the form is a shortcode.

I tried going directly into WPForms where it allows you to select that segment and apply custom classes. - Did not work.

Then I tried adding this to the custom stylesheet that covers 991 min to 5000 max:

#wpforms-228 .choice-2 depth-1 { 

  margin-left: -400px !important;

  }

...thinking only at this largest display will it bring col #2 closer to col #1 and reduce the gap. No luck!

Any recommendations how to target?

Thank you, using this tool is fairly new to me.

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Nancy OShea
    Nancy OSheaCorrect answer
    Community Expert
    February 24, 2018

    This appears to be a WordPress Theme question.  You might want to reach out to the Theme's developer.

    Nancy O'Shea— Product User & Community Expert

    2 replies

    B i r n o u
    Legend
    February 24, 2018

    if you have this web site online give the link , or the template name, and we could probably help further... well... I'm gone to be day off for the week end... MTB descent time... but certainly others will be around...

    Translate
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    February 24, 2018

    This appears to be a WordPress Theme question.  You might want to reach out to the Theme's developer.

    Translate
    Nancy O'Shea— Product User & Community Expert