Skip to main content
Inspiring
February 24, 2018
Answered

target code snippets in a shortcode

  • February 24, 2018
  • 2 replies
  • 412 views

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 has been closed for replies.
    Correct answer Nancy OShea

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

    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...

    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.

    Nancy O'Shea— Product User & Community Expert