Site logo

Archived topic

Create different / unique styles for sidebar headings

4 replies · Started by Elle on December 13, 2017

Viewing posts 1–5 of 5

Hi,

I am putting a few different widgets in the sidebar and would like to have custom styles for the headings. It seems that the widget title is global, is there any way to create different styles on individual widget headings? Specifically, the client wants one of the headers to be in italic, but I cannot find a way to style them individually in CSS.

It is the woo commerce widget. The client wants the title in italics, but the the CSS I tried makes the list items italic too. I tried adding widget-title, but it didn't work.

.widget_product_categories {
font-style: italic;
}

Also, on the the top widget is from a plug in called Event Espresso. The default on the widget's title is to link to a page that lists the events, so it shows up in the link color. I want it to be default header color (black). I disabled pointer event, thinking this may define it as normal text. But while the link is gone, the link color remains.

.widget-title {
margin-bottom: 10px;
line-height: 1.5;
pointer-events: none;
}

Thanks!

Hi there,

We would need to use CSS.

Can you link me to the site and let me know which one you would like to change?

You need to go one level deeper. Try this CSS:

.widget_product_categories .widget-title {
    font-style: italic;
}

Then for the first widget title, try:

.widget_ee-upcoming-events-widget .widget-title a {
    color: #000000;
}

Hi,

It worked! Thanks so much!

No problem!

This archived topic is closed to new replies.