Archived topic

widget bullets

8 replies · Started by _blank on May 9, 2018

Viewing posts 1–9 of 9

May 9, 2018 at 2:53 am #571241

I just updated to 2.1.1 and the following simple CSS no longer works:

/* Widgets bullets, color...
.widget ul { margin: 0 0 1.5em 3em; }
.widget ul li { list-style-type: disc; }
.widget-title {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #c6c6a9;
color: white;
}
*/

May 9, 2018 at 4:02 am #571288

Hi Mary,

I can see the CSS working, can you try clearing your browser cache?

David

May 9, 2018 at 5:10 am #571335

Hi David,
Thanks. I tried that and no go. I am on a Mac.
Any other suggestion?
Thanks
M

May 9, 2018 at 5:36 am #571358

Hi Mary,

my bad, just noticed that the titles are black and not white.
You can set the sidebar and footer widget titles under colors in the customiser. If not you need to make that color: white !important;

David

May 9, 2018 at 8:13 am #571554

I had to change the coding to this to get the bullets back. ?

/* Widgets bullets, color... */
ul#menu-quick-links { margin: 0 0 1.5em 3em; }
ul#menu-quick-links li { list-style-type: disc; }
.widget-title {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #c6c6a9;
color: white; 
}

May 9, 2018 at 8:37 am #571574

Our widget <ul> element CSS got a little more specific in GP 2.1 to prevent some other conflicts. The CSS you adjusted to is perfect :)

May 9, 2018 at 8:44 am #571581

Thanks Tom

May 9, 2018 at 8:57 am #571597

Thanks All !
Mary

May 9, 2018 at 9:11 am #571607

Your welcome Mary

This archived topic is closed to new replies.

Start building better websites today.