Docs

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

/* Archive page */
.x-header-landmark {
    background-size: contain !important;
}

.archive.category .x-header-landmark {
   display:none;
}

/* Comment number */
.h-comments-title small { 
    top: -4px;
    right: -40px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: 300; 
    line-height: 34px;
}

Hope that helps.

[Karen]

Hi Paul,
thanks a lot — I’m afraid that’s not working at all. see screenshot.
Maybe would it be possible to get rid of the image AND the header underneath as well, on archive page?

[Jade]

Hi Karen,

Please try this code:

.archive .h-landmark, .archive .p-landmark-sub {
    display: none;
}

.archive .x-header-landmark {
    width: 100%;
}

Hope this helps.

[Karen]

Hi Jade,
great, that code just made my day! Thank you so much 🙂

By the way, this bit changed the size of the little round button with the number of comments indeed:
/* Comment number */
.h-comments-title small {
top: -4px;
right: -40px;
width: 30px;
height: 30px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
}

It’s still kind of ugly…. What could I add into CSS to delete the button completely?

Regards, Karen

[Jade]

Hi Karen,

Please try this:

.h-comments-title small {
    top: 0px;
    right: -40px;
    width: 25px;
    height: 25px;
    font-size: 12px;
    font-weight: 300;
    line-height: 28px;
}

Hope this helps.

[Karen]

Hi Jade,
sorry, the button is still there 🙁

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

.h-comments-title small {
    display: none !important;
}

Let us know how this goes!

[Karen]

Hey Nabeel,
its gone 🙂 🙂
Thank you for your help and good night for today!

Regards, Karen

[Jade]

You’re most welcome, Karen.

[Jade]

You’re most welcome, Karen.

[Author]

Posts