lists: bullets and lines showing under images « Support Forum | Kriesi.at

Support Forum » Newscast

lists: bullets and lines showing under images

3 posts from 2 voices

Started 2 years ago by kaylesimon
Latest reply from Dude
This topic is not a support question

Tags:

kaylesimon
Member

I'm not sure how to resolve this, but check out what's happening with the bullets and lines on the lists on this page:

http://www.learnitsystems.com/new/2010/11/learn-it-report-portal/

I did some customization of the "li", creating some li ul settings for the main content window, and found that it was a tad diifficult to just affect the content area. However I did finally get content, sidebar and footer lis all working they way I want...I just can't, though, figure out why the bullets are showing up to the left of the image, within the padding, and why the lines are continuing all the way under images. This was the cast, with lines going into the margin and padding areas, even before I did any customization. I can't think of how to fix this....I don't even know what part of the css needs to be fixed, that for the images, or the lists.

Posted 2 years ago #
kaylesimon
Member

my research thus far seems to point to the fact that the bullets are set up as background images; is that the issue, perhaps? That wouldn't seem to have much to do with the lines, frankly.

Posted 2 years ago #
Dude
Dude
Hey,
yes the list symbols are background images. If you want to align the image in a new line (so not on the right side of your list) just change the image alignment by clicking on the image in your post/page editor - select align left or center or none and the image won't be on the right side anymore.

If you want to keep the image where it is you can remove the list lines behind it by following hack. Open up style1.css and search for following code:
```
.box img, .entry img, .wp-caption{
border:1px solid #E1E1E1;
}
```
replace it with:
```
.box img, .entry img, .box a:hover img, .entry a:hover img, .wp-caption{
border:none !important;
background: #fff !important;
paddding-left: 10px !important;
}
```
Posted 2 years ago #