Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Issue with footer widget bullet points


  #1  
Old Jul 22, 2011, 03:00 PM
tlck9
 
151 posts · Aug 2010
Hi there

I'm using 3.6.7
Wordpress 3.1.3

I have created 4 widgets in my footer called my_

<?php bfa_widget_area('name=My widget area&cells=4&align=1&align_2=9&align_3=7&width_4=2 00&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

My issue is that I want to align remove the square block, ensure the contact us title is next to the icon on the title and make sure the text is aligned left.

I have put the following on the css. I must be doing something wrong but have tried looking in firebug and I cannot seem to make the changes in wordpress. Thanks in advance

/*======footer widget styling===========*/
#my_widget_area_1 {

vertical-align:top;
font-color:#fffffe;
text-align: left;
border: background: transparent !important;
background: background: transparent !important;
}

#my_widget_area_2 {

vertical-align:top;
border: background: transparent !important;
background: background: transparent !important;
}

#my_widget_area_3 {

vertical-align:top;
text-align: center;
border: background: transparent !important;
background: background: transparent !important;
}

#my_widget_area_4 {

vertical-align:top;
border: background: transparent !important;
background: background: transparent !important;
}

div.widget_my_widget_area_1 ul {
/* for other styles, try "disc", "square" or "decimal" instead of "circle" */
list-style-type: square !important;
}
div.widget_my_widget_area_1 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;
}
website is
www dot integraassociates dot co dot uk/
  #2  
Old Jul 23, 2011, 12:35 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Have you looked in the Widget Styling area in Atahualpa? That is one place to style the left borders on links. Also did you intend ot use a different alignment for each of the cells in the widget area? You have the default alignment set to 1 the number two cell set to 9, the number 3 cell set to 3, and the number 4 cell set to 7 which means the content of those cells will be set as follows as shown in the diagram on the Add New Widget Area section.
Cell 1 - center middle
Cell 2 - left top.
Cell 3 - right top
Cell 4 - left bottom
__________________
~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.
  #3  
Old Jul 23, 2011, 02:32 AM
tlck9
 
151 posts · Aug 2010
HI There

Yes I followed the instructions on one of the posts to move the alignment to 0 and place code in CSS but it hasnt removed or done anything that I can see

I'm new to the footer and widgets so I copied the default. I wanted them all the same size, the tops of each of the widgets aligned vertically, all on one line. with the title of the widget set left and the text set left

I really only want bullet points on the news widget, the pages can be non bullet or just a single dot for the bullet for all pages even sub pages
  #4  
Old Jul 23, 2011, 07:25 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jul 23, 2011, 08:49 AM
tlck9
 
151 posts · Aug 2010
Integraassociates.co.uk
  #6  
Old Jul 26, 2011, 03:28 AM
tlck9
 
151 posts · Aug 2010
Any thoughts on this?
  #7  
Old Jul 26, 2011, 06:53 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you want to get rid of the bullets, you need to use the 'list-style-type' option
HTML Code:
div.widget_pages ul li {
	list-style-type: none;
	}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Jul 26, 2011, 10:04 AM
tlck9
 
151 posts · Aug 2010
Thanks Juggledad, thats has got rid of the bullett point didnt work on the grey box, but changed those to fffffe and it seemed to disappear.

However, I would like to align the list of pages left and there is still an indent, I've changed the indent on the style widgets page but still hasnt made any difference

I must be doing something wrong

Last edited by tlck9; Jul 26, 2011 at 10:30 AM.
  #9  
Old Jul 27, 2011, 07:09 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you should set the 'padding-left: 0px !important;' on the 'LI' and 'a' psuedo elements
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Aug 1, 2011, 07:53 AM
tlck9
 
151 posts · Aug 2010
I think i've got myself confused because I cannot think around this

I have for my first footer widget the following:

#my_widget_area_1 {
vertical-align:top;
font-color:#fffffe;
text-align: left;
margin-left: 2px;
border: background: transparent !important;
background: background: transparent !important;
padding-left: 0px !important;
}

I then tried to locate the name of that widget and put in the following but nothing changes.

div.pages-4 ul li {
list-style-type: none;
padding-left: 0px !important;
}
  #11  
Old Aug 1, 2011, 08:36 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I fiddled with Firebug for a bit and this seemed to work for me.
HTML Code:
#recent-posts-4 ul li, #pages-4 ul li {
    list-style-position: outside;
    margin-left: -30px !important;
    width: 190px;
}
__________________
~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.
  #12  
Old Aug 1, 2011, 09:11 AM
tlck9
 
151 posts · Aug 2010
Genius, thank you so much.

I need to get some approval for some budget and when I do I shall be donating to you and Juggledad for all your help

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Bullet for Widget (sidebar) Flinxa Sidebars & Widgets 10 Dec 9, 2010 07:35 AM
[SOLVED] Line bullet points at a certain place JAM_EZZ Header configuration & styling 2 Jun 14, 2010 04:09 PM
Styling Bullet Points CGP Center area post/pages 1 Jun 10, 2010 12:47 PM
Bullet Points Cali Sidebars & Widgets 3 Apr 21, 2009 11:49 PM


All times are GMT -6. The time now is 11:31 PM.


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