Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Text Widget "Bullets??" (http://forum.bytesforall.com/showthread.php?t=16998)

quintain Mar 11, 2012 08:57 AM

[SOLVED] Text Widget "Bullets??"
 
Hi, ATA 3.7.3 WP 3.3.1

I am probably not seeing the wood for the trees but how can I style my text widget which is called 'Links' at floodproblems.co.uk

I am presently using '*' in front of the text link; I wish to use the same side bar bullet (bar??) as in 'Recent Posts'.

juggledad Mar 11, 2012 10:57 AM

see HOWTO: use CSS list style types (or widgets, bars, bullets and squares oh my)

quintain Mar 11, 2012 05:24 PM

Hi jd
I do not want to remove the sidebars from any widget I want to include the sidebars in the 'text widget' but cannot see how to do it.
Thank you the reference to an earlier post and I have played around with your advice but with no correct results.
The code that I have used is as below, I have tried extensive combinations of widget class description.
I understand the text widget to have a class of 'textwidget' and I have used that on its own i.e.(div.textwidget ul {) plus as you see it below.
My question remains how do I place the sidebars in the text widget
........................
In ATO->HTML/CSS Inserts->CSS Inserts
...........................................
div.widget ul {
/* for other styles, try "disc", "square" or "decimal" instead of "circle" */
list-style-type: square !important;
}
div.widget ul li {
/* 1.35 or more required for Safari or bullets too wide on the left */
margin-left: 1.35em;

/* overwrite existing display:block Firefox */
display: list-item;
}

div.widget_textwidget ul {
/* for other styles, try "disc", "square" or "decimal" instead of "circle" */
list-style-type: square !important;
}
div.widget_textwidget ul li {
/* 1.35 or more required for Safari or bullets too wide on the left */
margin-left: 1.35em;

/* overwrite existing display:block Firefox */
display: list-item;
}

juggledad Mar 11, 2012 06:14 PM

The styling is for LISTS you don't have a list just a series of links. Change you widget so you have
HTML Code:

<ul>
<li><a....></li>
<li><a....></li>
<li><a....></li>
</ul>


quintain Mar 15, 2012 10:39 AM

How stooopid of me.
Of course.
Done and now correct.
Thank, have a coffee on me.


All times are GMT -6. The time now is 09:59 AM.

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