disable drop caps and disable hover

Newspaper X
1

Hi there

Could you please tell me the css that I need to put in the Additional CSS section of the Newspaper-X theme to disable drop caps and to disable hover in the Newspaper-X Header Module.

Thanks
Robyn

2

Hi

Is anyone going to answer this?

Robyn

3

Hi there,
Sorry for the delayed reply from our end.
In this case, could you try out the following CSS code:

.entry-content p:first-child::first-letter {
visibility: hidden !important;
}

As for the hover action, could you please provide us with a link to your site.

I look forward to your reply.
Best Regards,
Support.

4

Hi
That removed the first letter completely.
Regards
Robyn

5

Hi

My site is http://wp1.testing.hallettcovebaptist.com/ and I want to stop the pictures from having any hover effects. The first picture gets brighter when you put the mouse over it and the other pictures zoom in a bit.

Thanks
Robyn

6

Hello there,

I hope you are doing well today.

Please try this CSS to remove the hover effects:


.newspaper-x-recent-posts > ul > li:hover {
    pointer-events: none;
}

.newspaper-x-image:hover {
    pointer-events: none;
}

Best Regards,
Support

7

Hi
I have left the above code in place so you can look at the effect.
http://wp1.testing.hallettcovebaptist.com/

Thanks
Robyn

8

Hi Robyn

please try this css:

.newspaper_x_widgets .newspaper-x-blog-post-layout-b .newspaper-x-image {
pointer-events: none;
}

9

Hi
The front page images don’t zoom in but the image in the Homepage - Header area still goes from dark to normal brightness. This is the main thing that I want to stop, I want the image to be at normal brightness all the time.

Thanks
Robyn

10

Hi

Has anyone come up with something else to try for the drop caps? The first try above removed the letter all together.

Thanks
Robyn

11

Hi

Please add this code for dark image:

.newspaper-x-recent-posts > ul > li:after {
display: none;
}

and this fr drop cap:

.single-post div.entry-content > p:first-child:first-letter {
float: none !important;
font-size: inherit !important;
line-height: inherit !important;
text-align: inherit !important;
padding-right: inherit !important;
display: inherit !important;
}

12

Thank you they work perfectly.

13

:wink: I will close this case now, Feel free to contact us again if you have other questions Thanks!