Custom CSS

Hello,
glad you’re happy with Posts in Sidebar!

the custom CSS window is empty

Perhaps did you change the widget? Or did you change the theme? Every widget contains its own set of rules that you have defined.

Now i’d like to change font family

If you want to change the font-family for all the elements (title, text, etc.) in the widget, use this rule:

.pis-li p {
	font-family: Courier;
}

Change Courier according to your needs.

If you want to change the font family at element-level, use these rules:

/* Title */

.pis-li .pis-title {
	font-family: Courier;
}

/* Excerpt */

.pis-li .pis-excerpt + p {
	font-family: Courier;
}

/* Post Meta */

.pis-li .pis-utility {
	font-family: Courier;
}

Change Courier according to your needs.

Let me know.

Thanks. It works. Wonderful!
I guess I didn’t include the .pis-li so that’s why it didn’t work.

I don’t know where old css has gone. Once you helped me with the design (we changed some gaps etc) I updated the plugin for several times and it worked flawlessly since then. So custom code seems to be in action but I cannot see it. ??

Thanks. It works. Wonderful!

You’re welcome! ??

Morning,
One more thing. I have been noticing for a long time now that if you use a paragraph the font changes.
See here:
https://shrani.si/f/8/12V/4LHlgFBF/error.jpg
Any fix for that?
Thank you,
R

Hello,
change this rule:

.pis-li p.pis-excerpt + p {
font-size: 14px;
}

into this:

.pis-li p.pis-excerpt ~ p {
font-size: 14px;
}

The reason why we are using ~ p is probably due to the current theme. The plugin extracts the excerpt inside a p element but, for some reason, it is rendered outside of p.pis-excerpt, producing (multiple) extra p. In this situation we cannot target a precise element using the class selector. Anyway, CSS3 gives us the chance to target all the p elements that follow p.pis-excerpt. I hope I explained well. ??

At this link you can find a lot of useful CSS selectors.

Great, many thanks for your kind help. It works!
Have a nice day!

You’re welcome! ??