Output style

  • Resolved camillebti

    (@camillebti)


    3 years, 2 months ago

    We switched from a Constant Contact form plugin to Gravity Forms (thank goodness). We had a counter built for the other form, but found this plugin to make a counter for the Gravity Form. When I put in the shortcode, it outputs the correct number but I’m not sure how to style it. I’m using Elementor so I have options for custom CSS if that’s possible, but I’d need to know what the element selector is.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author GravityWP

    (@gravitywp)

    Hi Camille,

    This plugin doesn’t output Elementor selectors, but looking at your site the counter seems to be wrapped within elementor element 868c9dc. So you can target it with

    .elementor-element-868c9dc .counter-num {
    /* your custom style here */
    }

    One of the easiest ways to inspect a specific web element in Chrome is to simply right-click on that particular element and select the Inspect option. Other browsers have similar functionality.

    Thread Starter camillebti

    (@camillebti)

    Hmmmm I did try looking at the code using inspect. I just don’t always know which element to choose. The counter that is up there now is one that was custom designed shortcode for the Constant Contact plugin because CTCT doesn’t have a counter widget available. I’m just surprised that there isn’t a way to style the output with the shortcode commands? I’ll try making the style with an element selector.

    Thread Starter camillebti

    (@camillebti)

    I got it to work!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Output style’ is closed to new replies.