cannot apply styling to [wpv-post-featured-image]

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

Problem: I would like to add a border radius to my featured image, but I cannot see how to add styles to the wpv-post-featured-image shortcode.

Solution: Use the "class" attribute on the wpv-post-featured-image shortcode to insert a custom CSS class, then write your custom CSS for that class in a custom theme file, in the theme customizer's Additional CSS block, or in a View's CSS editor, Content Template's CSS editor, or Layouts CSS.

[wpv-post-featured-image class="my-custom-rounded-class"]

.my-custom-rounded-class {
  border-radius: 15px;
}

Relevant Documentation:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image

100% of people find this useful.

This support ticket is created hace 6 años, 5 meses. 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
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Etiquetado: Views, Views plugin

Este tema contiene 4 respuestas, tiene 2 mensajes.

Última actualización por rexJ-2 hace 6 años, 5 meses.

Asistido por: Christian Cox.

Autor

Mensajes

agosto 12, 2018 at 8:48 pm #1080699

rexJ-2

I am trying to: use rounded images, css img {
border-radius: 50%;
}

Link to a page where the issue can be seen:

I expected to see: a rounded image

Instead, I got: the standard image

agosto 12, 2018 at 9:46 pm #1080712

Christian Cox

I can help you with CSS if you provide a link and describe where I can see the problem on your site.

agosto 13, 2018 at 7:21 am #1081086

rexJ-2

How to show something that is not there?
anyhow: enlace oculto
there is an image [wpv-post-featured-image] that just show an image and not rounded.
Do i have to make a php script or what?

it must be here toolset View do the coding: how to apply styling to a toolset layout.

<figure class="woocommerce-product-gallery__wrapper">
<div data-thumb="enlace oculto" class="woocommerce-product-gallery__image">enlace oculto"><img width="600" height="178" src="enlace oculto" class="wp-post-image" alt="" title="20-1.png" data-caption="" data-src="enlace oculto" data-large_image="enlace oculto" data-large_image_width="735" data-large_image_height="218" srcset="enlace oculto 600w, enlace oculto 300w, enlace oculto 735w" sizes="(max-width: 600px) 100vw, 600px" /></div> </figure>

agosto 13, 2018 at 2:05 pm #1081396

Christian Cox

The wpv-post-featured-image shortcode has an attribute "class", which can be used to add a custom CSS class to the featured image element. Then you can add any custom CSS to your site in wp-admin > Appearance > Additional CSS, or if you are using Views or Content Templates, you have the ability to add CSS in the editor's CSS panel. So you can do something like this:

[wpv-post-featured-image class="my-custom-rounded-class"]

Then in the CSS:

.my-custom-rounded-class {
  border-radius: 15px;
}

https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image

agosto 17, 2018 at 8:24 pm #1085870

rexJ-2

Thanks!