Related Post font customization

[juanajaafar]

Hi. I’ve written in about this problem and it was previously resolved. The new theme update however has changed the customization.

Link (scroll down): http://www.juanajaafar.net/2017/03/perempuan-politik-dan-pilihanraya/

I’d like the titles to be: Prompt; size H5; weight 200; and colour rgb(95, 95, 95); hover colour: rgb(215, 15, 15)

The date: Poppins; size 13px; and colour rgb(95, 95, 95).

[nico]

Hi @juanajaafar,

Thanks for writing in.

To retain your changes, use child theme or backup your site in case something like this happens.

I would like to confirm if the screenshot shows what you want to change.

Title is already: Prompt font already.

To change its size, weight and color, use this code below:

h1.entry-title {
    font-size: 314%;
    font-weight: 100;
    color:  rgb(95, 95, 95);
}

h1.entry-title:hover {
    color:  rgb(215, 15, 15);
}

and for the date: it is poppins and colour rgb(95, 95, 95) already.

Hope it helps.

Let us know how it goes.

Thanks.

[juanajaafar]

Hi. I’m referring to the titles in Related Post at the bottom of each post:

[rad]

Hi @juanajaafar,

They are jetpack posts and not part of the theme. Theme update will not affect that since it has different selectors and CSS than the theme. I recommending finding the previously thread so we could find what went wrong upon update.

Thanks!

[juanajaafar]

Okay, I added this and it’s resolved. But how can I remove the hover underline?

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
p.jp-relatedposts-post-date {
font-family: “Poppins”,serif !important;
font-size: 11px !important;
margin-top: 1px !important;
}

[jade]

Hi there,

Please try this:

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover, 
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a, 
h4.jp-relatedposts-post-title {
    text-decoration: none !important;
}

Hope this helps.

[juanajaafar]

Hi. Nope, that doesn’t seem to remove the hover underline.

[thai]

Hi There,

Please try with this custom CSS instead:

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: none;
}

Hope it helps

[juanajaafar]

Works perfectly. Thank you!

[basanta]

Most welcome!