WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Still cannot remove BULLETS in Sidebar - I've tried ALL suggestions I could find (7 posts)

  1. Lyoooha
    Member
    Posted 2 years ago #

    Dear fellow experts! You are my only hope.
    Knowing nothing of CSS AND PHP , with great help of wordpress help topics and forum posts I have managed to make good progress creating a blog page for my side preserving the exact look and theme by uploading and developing my own theme files.

    Everything looks wonderful and functions well, however to make the look complete and 100% match it to the site format, I cannot remove the bullet points from sidebar widget titles.

    My stylesheet does not state anything about bullet points for that particular sidebar used for widgets, and those places where I did manage to find anything that mentioned list-style or bullets or round or square or decimal I have tried modifying all of those entries to .nobullet and including no background image and setting list-style: none BUT no matter what I did the bullets always stay.

    Ive noticed because they appear different in IE AND CHROME that the bullets are scripted and not shown as an image.

    I found no image of bullets in my files and I modofied every little bit of stylesheet to he recommendations i found by other posts to ppl w same problems but all solutions that worked for them gave me absolutely no result.

    I changed stylesheet ul list entries , all sidebar_ parts to recommendations but nothing!

    I even started changing the 2010 2011 theme stylesheet and no luck with that too.

    I cannot figure out where is the script that tells the wodget to add the bullet- my sidebar is not in list format at all. If i enter some title in the php directly it shows fine w no bullets, but widgets show bullets no matter what I do, ive spent whole day searching the web trying to figure this out by now I am desperate for you help gentlemen!!!

    Any input would be greatly appreciated!

    Site: http://www.finefocusfilms.com/blog

    Stylesheet:

    [CSS code moderated - no need to post the styles, if you've posted a link to your site]

  2. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    The problem is that your list in the sidebar is missing the
    <ul> tags completely - -so it's not a correctly coded list. that's why the list-style-type none in your CSS code is not working because there are no ul tags.

    Lists must be like:

    <ul>
    <li>  </li>
    <li>  </li>
    <li>  </li>
    </ul>

    You have some other coding errors as well:
    http://validator.w3.org/check?uri=http%3A%2F%2Ffinefocusfilms.com%2Fblog%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Also for future reference, you don't need to post CSS code -- it's all viewable on your site. Also see this:
    http://codex.wordpress.org/Forum_Welcome#Posting_Code

  3. Lyoooha
    Member
    Posted 2 years ago #

    Thank you for some reason I thought list format is optional,

    I appreciate your support and prompt reply!

    I validated the css in attempt to resolve the issue before posting here but the validator results were like a horror story several pages long :) i am not too sure where I will begin to correct it but I need further reading first, I am sure

  4. RyanJBaron
    Member
    Posted 2 years ago #

    if you add this to your css file it should get rid of the list circle for you in the sidebar.

    #sidebar_content section li {style="list-style:none;}

  5. alchymyth
    Forum Moderator
    Posted 2 years ago #

    css syntax corrected:
    #sidebar_content section li {list-style:none;}
    http://www.w3schools.com/css/css_list.asp

  6. Lyoooha
    Member
    Posted 2 years ago #

    Dear gentlemen,

    I have added the following to sidebar.php and everything fixed:

    <ul id="sidebar_content" class="lessgap">
    <?php if ( !function_exists('dynamic_sidebar')
    || !dynamic_sidebar() ) : ?>
    <li id="search">

    <li id="calendar">

    <?php endif; ?>

    This is a basic markup I found in support section,

    however I edited it to use the style part of my stylesheet. Keep in mind in desperate efforts to get this fixed before I came to the forums, I already removed so many code elements and basically edited ALL styles I could find for sidebar to list style:none and no backgrounds, so as soon as I included list format in sidebar.php the bullets were gone. But I simply included ul, li, li, ul with no content within.

    I could never expect that to make sidebar work I have to make a list from within, even if it is a blank list that will no be visible at all.... that info was new to me and I am very happy I was able to resolve it with you kind and generous help fellow programmers.

    You guys have helped me tremendously!

    I truly appreciate you fast assistance and contribution to the community. I love the forum culture of the web, I cannot imagine my life without it, whether it is programming, vehicle repair or any other info one may need - amazing help to all of us newbies in the world!!!!!

  7. Lyoooha
    Member
    Posted 2 years ago #

    I am having a problem removing the Search for: text from the search widget:

    .widget_search .screen-reader-text {
    display:none;
    }

    is the code Ive found that will do it, but I already tried entering it in 10 different places in stylesheet and it does not work no matter what I do

    I looked at the HTML source:

    <ul id="sidebar_content" class="lessgap">

    <li id="search-5" class="widget widget_search"><h2 class="widgettitle">Search</h2>
    <form role="search" method="get" id="searchform" action="http://finefocusfilms.com/blog/" >
    <div><label class="screen-reader-text" for="s">Search for:</label>
    <input type="text" value="" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="Search" />
    </div>
    </form>
    <li id="calendar-2" class="widget widget_calendar"><h2 class="widgettitle">Posts Calendar</h2>
    <div id="calendar_wrap"><table id="wp-calendar">

    the part of code screen-reader-text seems to be correct, so it should work, but since I already tried putting in so many places and it still does not work I dont understand what I might be doing wrong, and beginning to sense that it is not the location of stylesheet where I am pasting it that is not right here.

    I tried including it in general section, sidebar sections, main, widget section, search section and no matter where I include it it does not effect my search for text.

    Should I still do it through stylesheet (If some kind gentleman helps me figure this out) or maybe there is a way to edit HTML directly? (though I dont know where I would do that)

    Based on HTML it seems all I need to is remove the text from the source, LOL, but dont understand if it is directly editable like that in wordpress.

    SOS once again :)\\\THANK YOU!!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.