[Theme: Quark] customizing list with bullet image

  • Resolved catwingz

    (@catwingz)


    12 years, 11 months ago

    I have given custom bullet images to other themes, but this one is eluding me. The page of the site being developed is at http://catwingzworkshop.com/services/
    The list items are supposed to be preceded by a 16px image. I have an undesirable background color in the style for now to let me know if I have established communication.

    The CSS has changed many times, but the current style is:

    #post-12 ul .bullet {
	list-style-image:url('http://catwingzworkshop.com/wp-content/themes/quark/images/puzzle-bullet.gif') no-repeat;
	background: #ccc;
}

    Can anyone spot what I am missing? thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter catwingz

    (@catwingz)

    12 years, 11 months ago

    I have made progress with this. The main solution is

    li {
	list-style-type: none;
	background-image: url('http://catwingzworkshop.com/wp-content/themes/quark/images/puzzle-bullet.gif');
	background-repeat: no-repeat;
       /*  background-attachment:fixed; */
	background-position: 0px 4px;
	padding-left: 21px;
	margin-bottom: 10px;
}

    but that included some entries in the sidebar I would like to exclude and, oddly, excluded a list in a text widget where I would like to display the bullets. I have been able to exclude the bullets from Recent Posts using

    .widget_recent_entries li, #categories-2 {
	background-image: none;
}

    but not from Categories. I have tried many style selectors for each and the solutions are eluding me.
    So, to recap, I could still use help with removing the image from the Categories widget, and with adding them to the text widget, both in the sidebar. All of theses show here http://catwingzworkshop.com/services/
    Thank you

    Evan Herman

    (@eherman24)

    12 years, 11 months ago

    Try

    .widget_categories ul li { background-image: none !important; }

    hopefully this helps.

    Thread Starter catwingz

    (@catwingz)

    12 years, 11 months ago

    Awesome. Thanks Evan, that solved the categories issue.

    That leaves the problem text widget!

    Thread Starter catwingz

    (@catwingz)

    12 years, 11 months ago

    It looks like there was an issue with the HTML when I brought it over from another site. Problem solved.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Theme: Quark] customizing list with bullet image’ is closed to new replies.