Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] how to replace all the gray bars?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 2, 2011, 06:09 AM
joe hark
 
168 posts · Feb 2009
[SOLVED] how to replace all the gray bars?

How can I use arrows or dots for bullets in all sidebars?

I have created versions in Photoshop but can't figure out how to replace the gray bars with the gifs.

help, please?
  #2  
Old Nov 2, 2011, 06:22 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Have you read HOWTO: use CSS list style types (or widgets, bars, bullets and squares oh my)
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Nov 2, 2011, 07:01 AM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
I have NOT done any testing but I would
  • Go to ATO>Style Widgets and set left padding and left border width to 0 for list items
  • Then in CSS Inserts I would add something like the following.
    HTML Code:
    div.widget ul li {
        background: #ffffff url("path to image") no-repeat left center;
        padding-left: 10px;
    }
  • If you just wanted to use CSS bullets you could use the following and tweak as required
    HTML Code:
    div.widget ul li {
        display: list-item !important;
        list-style: disc !important;
        list-style-position: inside;
    }
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Nov 2, 2011, 08:34 AM
joe hark
 
168 posts · Feb 2009
First of all, a sincere thanks to both of you. I greatly appreciate the help and have high respect for the efforts you invest in supporting this excellent theme.

I had read Juggledad's linked posting but, as I said in another thread, I have been getting confused by alternative responses to the question in various threads, especially where there has been discussion of "widget bullets" suggesting they are different from the Page menu bullets.

I hope that between the two answers above I will be able to replace the default bars. I 'd prefer to use arrows I have made in color, but I guess not, huh?
  #5  
Old Nov 2, 2011, 08:48 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
The reason things might be confusing is because the gray bars you see in wider lists are actually just the left border - a clever way to have a bar next to list items. So there are two ways,
- using the 'border-left' rule or
- using the 'list-style' rule
if you use them both, you would see the bar then the list-stle you chose

The other issue is that not all plugins use the same 'classes'. If I create a plugin with a widget and it makes a list using a class of 'jd-list-item' and someone else creates a plugin/widget/list with a class of 'fubar-list' then the CSS you would need to style my list would be different from the other list. One set of CSS would not apply to both.

Now if you can think of a way for everyone to use the same class names...hmmm...you could call it something like...standards. And then maybe we could get all the browsers to treat it all the same way...
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #6  
Old Nov 2, 2011, 05:34 PM
joe hark
 
168 posts · Feb 2009
My father once told me, "We often are our dumbest just when we think we are smarter than everyone else."

Case in point . . .

I figured out a easy way around all that good advice. I noticed that a site i had built a few months ago using ATA353 - and has not been updated to ATA371 - has the arrows I wanted.

heh-heh. simple solution to my issue. what a smart guy I am.

Just upload 353 to the themes folder, and activate it.

It worked!!

The trick worked. There was a minor problem. Both the vertical gray bars AND the arrows were displayed. And I need to upload my custom header image.

Again, the smart guy made his move. I changed the bar width to zero in each of the three or four settings. PERFECT.

Then my father's good advice became a reality.

no pages. no posts.

WTF happened? They are there in the dashboard but not displaying. The menus show the links (with arrows) and link to those pages. But when clicked on, the center columns are blank.

Can I have my cake and eat it too? (for the international readership that's American expression that no one really can explain but we all agree means you can't something both ways).

Or must I eat humble pie (I think that's from England and we all agree it means public defeat and humiliation).

So, is it possible to get the pages and posts to display in 353 as they did in 371? Or must I go back to 371 and deal with the bullets there?

Advice, please?
  #7  
Old Nov 2, 2011, 06:19 PM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
In 3.7.1 there is no 'center' area code, so when you swap back to 3.5.3 it is not in the options, even though it will show on the page.

go to ATO->Style & edit CENTER COLUMN and press the green SAVE button and it should start working.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I get rid of the two gray bars that extend from the sides of the menu? lmilesw Menus 0 Oct 28, 2010 04:11 PM
[SOLVED] Can't remove gray and black header bars? John777 Forum How-To 6 Oct 3, 2010 07:50 PM
How do I move the two gray background bars down to accomodate a taller header? thellancer Header configuration & styling 1 Sep 29, 2010 09:44 PM
[SOLVED] 3.51: Gray Bars Outside Container Coming In Too Far LaneLester Atahualpa 3 Wordpress theme 2 Jun 26, 2010 12:52 PM
what and where are they, these gray bars in the sidebars? cosmiclove Sidebars & Widgets 3 Jul 8, 2009 12:22 PM


All times are GMT -6. The time now is 03:21 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.