Forums

replace file folder icons on lists with bullets (6 posts)

  1. jszypula
    Member
    Posted 1 year ago #

    I'm new to WP and no very little coding.

    I have a list of white papers on my website linking to each of the white papers in HTML format. I want the white papers in the list NOT to be underlined, but when I create a link, they are automatically underlined.

    Next, I tried creating the list using the "unordered list" button. I like the line spacing on this function, but the simple bullets turn into file folder icons on the live site. How can I turn those file folder icons back into round bullets or hashmarks or something easier?

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    this depends on the html and css of your theme,
    and can best be checked if you post a link to the post/page of your site showing the problem.

    generally:

    http://www.w3schools.com/css/css_list.asp

  3. jszypula
    Member
    Posted 1 year ago #

    Thank you. I tried but still having trouble. I think I've got the code wrong.

    Below is the code that gives me the file folder icons instead of bullets. The page is at http://www.griotpartners.com/work/

    <h3>Solutions We've Provided...</h3>
    We are successful when our clients meet their goals. Our clients range from start-ups to Fortune 500 companies, and projects vary from creating a vision, to developing unique competitive strategies, to engineering operations that deliver a consistent and reputable brand. Examples of our clients’ achievements include:

    • <span style="color: #333333;">Implemented the concept vision of a $4 billion multinational corporation in its business units on four continents.</span>
    • <span style="color: #333333;">Developed strategic decision tool for a major restaurant company in Canada, helping it identify and act on 13 key strategic decisions in pursuit of its vision.</span>
    • <span style="color: #333333;">Led a vision-based strategic planning process for a Brazilian restaurant company, facilitating the company’s ability to continue rapid, sustainable growth in its market.</span>
    • <span style="color: #333333;">Crafted the growth strategy for a professional services provider, resulting in product innovation and new strategic alliances.</span>
    • <span style="color: #333333;">Re-developed the enterprise vision for a major casual dining company after 20 years of estimable growth, enabling new leadership to set new, bold goals for the future growth of the company.</span>
    • <span style="color: #333333;">Partnered with health insurance provider to improve financial performance and bolster investor confidence in a challenging economic environment. We defined strategic imperatives, championed a major organizational restructure, and established a clear and attainable path for growth in 40 days.</span>
  4. alchymyth
    The Sweeper
    Posted 1 year ago #

    try to change these styles from style.css:

    .text-box ul {font-size:12px; color:#1167c5; padding:0;}
    		.text-box ul li {background:url(images/marker1.gif) top left no-repeat; background-position:0 3px; padding-left:26px}

    to something like this:

    .text-box ul {font-size:12px; color:#1167c5; padding:0; list-style-type: square; list-style-position: outside; margin-left:20px }
    		.text-box ul li {background:none; padding-left:0px}

    (only checked in firefox; not widely tested)

  5. jszypula
    Member
    Posted 1 year ago #

    That worked! (in both Explorer and Safari)

    Thank you so much!

    One more question. I assume I can change the color of the bullets by changing the color code from color:#1167c5 to something else. Is there an easy place to find those color codes with swatches, and is that right?

  6. alchymyth
    The Sweeper
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic