|
#1
Jul 22, 2011, 03:00 PM
|
|
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
Jul 23, 2011, 12:35 AM
|
|
|
|
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
Jul 23, 2011, 02:32 AM
|
|
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
Jul 23, 2011, 07:25 AM
|
|
|
|
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
Jul 23, 2011, 08:49 AM
|
|
Integraassociates.co.uk
|
#6
Jul 26, 2011, 03:28 AM
|
|
Any thoughts on this?
|
#7
Jul 26, 2011, 06:53 AM
|
|
|
|
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
Jul 26, 2011, 10:04 AM
|
|
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
Jul 27, 2011, 07:09 AM
|
|
|
|
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
Aug 1, 2011, 07:53 AM
|
|
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
Aug 1, 2011, 08:36 AM
|
|
|
|
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
Aug 1, 2011, 09:11 AM
|
|
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
|
|