Skip Navigation

[Resolved] Cannot target toolset shortcode with css class

This support ticket is created 5 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: 

This topic contains 1 reply, has 2 voices.

Last updated by Shane 5 years, 1 month ago.

Assisted by: Shane.

Author
Posts
#1357865
Duetto - Revenue Hub 08-10-2019 12-44-47.png

I am trying to: target a shortcode with CSS in order to remove the padding

Link to a page where the issue can be seen: hidden link

I expected to see: Under the events section, the listing should be left-aligned like the rest of the columns on the page

Instead, I got: padding

This is the code I'm currently using: <h3>Latest Events:</h3>
<p>[wpv-view name="expert-partner-events" class="featured-event-listings" partnerevents="[wpv-post-slug id='$current_page']"]</p>

#1358119

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Screenshot 2019-10-08 at 10.31.43 AM.png

Hi Daniel,

You're not able to target the shortcode itself but given that you are using views you will need to write the css in the view itself on the div columns that is being generated, See Screenshot

Edit your view, add a custom class to the view and then target that custom class with the css.

Please let me know if this helps.
Thanks,
Shane