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] Issue with footer widget bullet points


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 Jul 22, 2011, 02:00 PM
tlck9
 
139 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 22, 2011, 11:35 PM
lmilesw's Avatar
lmilesw
 
10,077 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, 01:32 AM
tlck9
 
139 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, 06:25 AM
juggledad's Avatar
juggledad
 
22,099 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
what is the url?
__________________
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
  #5  
Old Jul 23, 2011, 07:49 AM
tlck9
 
139 posts · Aug 2010
Integraassociates.co.uk
  #6  
Old Jul 26, 2011, 02:28 AM
tlck9
 
139 posts · Aug 2010
Any thoughts on this?
  #7  
Old Jul 26, 2011, 05:53 AM
juggledad's Avatar
juggledad
 
22,099 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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;
	}
__________________
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
  #8  
Old Jul 26, 2011, 09:04 AM
tlck9
 
139 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 09:30 AM.
  #9  
Old Jul 27, 2011, 06:09 AM
juggledad's Avatar
juggledad
 
22,099 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you should set the 'padding-left: 0px !important;' on the 'LI' and 'a' psuedo elements
__________________
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
  #10  
Old Aug 1, 2011, 06:53 AM
tlck9
 
139 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, 07:36 AM
lmilesw's Avatar
lmilesw
 
10,077 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, 08:11 AM
tlck9
 
139 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

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


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


All times are GMT -6. The time now is 07:50 PM.


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