Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Create different / unique styles for sidebar headings

Home Forums Support Create different / unique styles for sidebar headings

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #448997
    Elle

    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!

    GP Premium 1.5.6
    #449029
    Leo
    Staff
    Customer Support

    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?

    #449500
    Leo
    Staff
    Customer Support

    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;
    }
    #453249
    Elle

    Hi,

    It worked! Thanks so much!

    #453300
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.