[Support request] Make the table of contents appear above the article image on mouseover.

[francesco]

which CSS should I insert? sorry but i can’t understand.

[Ying]

Not CSS, but CSS class, I attached an article about how to add CSS class to the block:
https://wordpress.com/support/adding-additional-css-classes-to-blocks/

Please check the screenshot I attached in my last reply, let me know which part you don’t understand.

[francesco]

yes that in the custom selector I have to enter .dynamic-entry-expert? which css class should i use?

.special-media-text-block {
background-image: linear-gradient(to bottom right, red, blue);
}

[Ying]

You don’t need to use any CSS as you are using GB pro.

You just need to:

1. Add the CSS class to the dynamic content block.

2. Add the effect to the very outside container block, the settings were all in the screenshot I attached.

[francesco]

what should I write which CSS class?

[francesco]

my error. done.. thnx!!

[Ying]

Add the blog-dynamic-content class to the dynamic content block instead of the parent container block:
https://www.screencast.com/t/mIfwnuQ5d7Gz

The effect setting for normal state is correct, but make sure it’s .blog-dynamic-content with the . , as I can’t see it in your screenshot.

You’ll need to add another effect to the same container block/ same custom selector on hover state.

[Ying]

Great! Just saw your last reply.

Glad to hear that 🙂

[francesco]

if i wanted to change the background hover color of the dynamic content how should i do? other than the color of the text?

[francesco]

it’s correct?

[Ying]

Based on this screenshot, you added to the container block which contains the dynamic content block.

In that case, you can set background color for the container block.

[francesco]

sorry but I’m lost again. .blog-dynamic-content with the dot is correct where did I put it?

i tried to change the background of the container it told me. but it does not work.

[Ying]

.blog-dynamic-content with the dot is correct where did I put it?

The class with dot is to be put in the Effect > Custom Selector.

[francesco]

I don’t understand what it’s for. Regardless of whether there is, nothing changes.

[francesco]

ok yes, in effect the . is inserted.

[Author]

Posts