Modern Portolio Sidebar Bullets

[Melanie]

I am using the modern portfolio theme with WPMU's custom sidebar plugin. It's been awhile since I've worked in CSS... and I can't seem to figure out why i can't get bullet points to display.

Here is the page: http://melaniebroemsen.com/about/

The solution I am looking for would be to only add the bullets for this specific custom sidebar widget (About)

http://melaniebroemsen.com/about/

[Davinder Singh Kainth]

Change following code in style.css file

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
}

to...

.sidebar li {
	list-style-type: decimal;
	margin-bottom: 6px;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Melanie]

Hi there, and thank you for helping Davinder! I tried this, and it still doesn't seem to work. Any other suggestions I could try?

[Davinder Singh Kainth]

In your style.css file, look for following code:

/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
	margin-bottom: 24px;
}

.widget li {
	list-style-type: none;
}

.widget ol {
	margin-left: 24px;
}

.widget li li {
	border: none;
	margin: 0 0 0 18px;
	padding: 0;
}

Replace it with...

/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget ol,
.widget li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

If above does not work:

1. Use !important next to each to over-ride any other style. For example: list-style-position: inside !important;

2. Also, you can target that specific widget box by using #text-16
In above code, replace .widget with #text-16

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Melanie]

Thanks so much! That looks perfect, except it is showing numbers instead of bullet points.

I tried changing the <ol> to <ul>, as well as changing decimals to disc -- with no luck, it stays a number.

What else do I need to tweak?

[Davinder Singh Kainth]

Cool, change decimal to disc is provided css code above.

Also refer this for better understanding - http://css-tricks.com/almanac/properties/l/list-style/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Melanie]

Hi Davinder, it's working beautifully now. Thank you again for the help, I appreciate it! Happy early new year 😉

[Davinder Singh Kainth]

Welcome Melanie.

Merry Christmas and Happy New Year to you 🙂

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts