Hey Ethanhj
If the bullet is not being removed then there is the chance the theme is setting a background image instead… do you have a live page you can link to so I can take a look?
Hey,
Nice plugin, just what I was looking for. To make it simple for a nonprofit I am working for. I know you can style the widgets, am I correct? I saw the part about dropping the bullet. I’m going to style the positions with CSS to have three widgets sit side by side, relative positioning etc. Would I just style them like a normal div? Their names are as follows:
[widgets_on_pages id=”homenews1″]
[widgets_on_pages id=”homenews2″]
[widgets_on_pages id=”homenews3″]
etc.
I would use something like this?:
div.widgets_on_page ul {
}
How would I name the individual widgets to style in CSS, something like this?
div.homenews1 {
position: relative;
}
etc. etc. 🙂
Something like that, and then the image or ul in there or whatever? Or do I have to add the word widget in the CSS code for the div, I just need a little clarification, I’m sure it’s simple? Sorry no link to give it’s all still on my MAMP. Thanks kindly.
Hey oidni1,
Yes each widget area is accessible to css styling via it’s id (which is the name of the sidebar… e.g. div#Widgets_on_Pages_1.
You could also access each widget within the sidebar independantly too via it’s li selectors.
An example would be something like the following.
This floats all widgets in the sidebar Widgets_on_Pages_1 and also puts a border around the widget with the id text-4.
div#Widgets_on_Pages_1 li.widget {
float: left;
}
div.widgets_on_page li#text-4 {
border: 5px solid blue;
}
Hope this helps,
Todd
Hi,
I got all of the list bullets fine. But I can’t seem to be able to style my separate widgits. I have one widgit named:
homeSlidingImages
And here is the info from the widget page widgit area:
#4Widgets on Pages sidebar. Use shortcode “[widgets_on_pages id=”homeSlidingImages”]”
I tried something like this:
div.widgets_on_page ul#homeSlidingImages {
}
And got nothing to be styled still. Any ideas?
Thanks.
Hi, I figured it out, small error on my part. 🙂
Thanks.
Ah well done oidni1, good lcuk with the site.
Hi Todd,
I’m trying to use Widgets on Pages. But I’m confused how to use it. It requires a sidebar id or name when using shortcode. The theme I’m using has 4 sidebars and 4 footers. How can I find out their IDs. For the name, they’re named as “Blue Sidebar” “Blue Footer”, etc. How should I use it for the ID attribute?
Thanks for your help. Hope to hear from you.
Hey amhpco,
Once you have activated the plugin you should see a new sidebar called something like “Widgets on Pages 1″… you add the widgets that you want displayed in a post/page to this sidebar. In the description of that sidebar it show’s you the shortcode to use to add it to a post/page.
You can add more compatible sidebars via the Widgets on Pages options menu (in the settings menu).
Thanks Todd. I got it works now.
Nice one amphpco… and of course it you find the plugin works well a nice 5* rating would be very much appreciated 😉
Hi,
I seem to be having a simular issue where I cant get rid of the bullet point for the sidebar widget. Im using Photocrati which support custom CSS and no matter what i do it doesnt effect the sidebar widget.
CODE:
div#Widgets_on_Pages_1 li.widget {
float: left;
}
div.widgets_on_pages_1 li#jpsb1 {
border: 5px solid blue;
}
SITE: http//jp-images.co.uk
Any help would be apreciated.
Have an update here, probably not the best solution but have used Google Chrome to identify the relevant CSS files and made the mods there, have lost the ability to have Bullets throughout my site though but it’s not a big deal. – My only concern is that if my Theme gets updated it will overwrite the mods ;(
Hey jpimages,
Yes you will need to re-add the CSS if you update your theme. I know this is not ideal but I didn’t think that my plugin should automatically update peoples CSS.
You should be able to turn off the bullets only for the Widgets supplied by the plugin… if you want help with this let me know.
Todd
Hi Todd,
Great Widegt and great solution for me, sop thanks loads.
I’m experiencing the same issue where I can’t get rid of the bullet point.
My coding knowledge isn’t great but I’ve tried everything I can think. I have no idea how to get rid of it.
Unfortunately I can’t link to the page because it’s a company’s site but any help would be amazing, this has really confused me!
Hey there,
Shame we can’t see a link… do you think it’s possible to post the css here instead?
