Skip Navigation

[Resuelto] p tag and css class not working in wpv-post-excerpt

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

Problem:

The issue here is that the user is unable to add html around the [wpv-post-excerpt] shortcode because the html gets removed.

Solution:
I managed to write a custom shortcode for this since i'm not sure why our views shortcode is functioning like this.

The shortcode is.

1
[my_excerpt]
I've already added this to code below to the functions.php file and it should be working as intended.

// Add Shortcode
function my_excerpt() {
 
    return get_the_excerpt();
     
 
}
add_shortcode( 'my_excerpt', 'my_excerpt' );

With this shortcode [my_excerpt] you will be able to add html tags around it.

This support ticket is created hace 4 años, 4 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.

This topic contains 8 respuestas, has 2 mensajes.

Last updated by ericL-12 hace 4 años, 4 meses.

Assigned support staff: Shane.

Autor
Mensajes
#872587

I am trying to: set a css class to the [wpv-post-excerpt] in a layout.

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

I expected to see: to have my excerpt inside the p tag with the class.

Instead, I got: the excerpt is outside and my p tag is empty

#872878

Shane
Supporter

Languages: Inglés (English )

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

Hi Eric,

Thank you for contacting our support forum.

Actually you have no except on this post so the [wpv-post-excerpt ] shortcode is returning blank.

Could you let me know where the excerpt is on this page.

Thanks,
Shane

#873879

Sorry, I meant the WooCommerce product short description. It's being showed in the layout as you can check here: hidden link

#877214

Shane
Supporter

Languages: Inglés (English )

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

Hi Eric,

Thank you for the patience.

I managed to write a custom shortcode for this since i'm not sure why our views shortcode is functioning like this.

The shortcode is.

[my_excerpt]

I've already added this to code below to the functions.php file and it should be working as intended.

// Add Shortcode
function my_excerpt() {

	return get_the_excerpt();
	

}
add_shortcode( 'my_excerpt', 'my_excerpt' );

Please let me know if this helps.
Thanks,
Shane

#889512

Hello,

It show the excerpt but when applying CSS classes, it only takes the font-family one, not the font-size.

p.book-short-desc {
font-family: 'Massif W01 Light', sans-serif !important;
	font-size: 22px !important;
	line-height: 28px;
}
#889917

Shane
Supporter

Languages: Inglés (English )

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

Hi Eric,

The font is being applied and displayed correctly.

If you check the font here you can see that its the same.
hidden link

Thanks,
Shane

#901184

Hello Shane,

You can see in any book page that if you change the font-size it doesn't really change (class .book-short-desc).

You can try in this one: hidden link

#901186

Shane
Supporter

Languages: Inglés (English )

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

Hi Eric,

I took another look at this for you and saw that there was a span wrapped around the actual text that is setting the text to a pixel size of 14.4

To overwrite this you can use this css.

p.book-short-desc span{
font-size: 22px !important;
}

Thanks,
Shane

#901405

I had to apply classes to both, with and without span, as they are random in that. There are posts that have the span and posts that hasn't... Very strange.