Recent Topics

1 May 09, 2008 15:13    

My b2evolution Version: 2.4.1

Finding a small problem in the 'evocamp" skin that I cannot figure out.

On the sidebar, when adding an html widget for my blogads - the skin appears to be placing a little arrow (which is used as the li seperator) into the blog ad design and moving it out of whack.

It doesn't do this unless there is an actual advertising and it doesn't do it with my other skins.

I placed the culprit on the top of the first sidebar for easy viewing. (it's also doing this on the other sidebar)

http://coldheartedtruth.com/politics/index.php?blog=18

If you are curious about the ad working... you can see the ad working fine in the first sidebar of my main skin.

http://coldheartedtruth.com/politics/

this is the widget code:

<link rel="stylesheet" type="text/css" href="http://cache.blogads.com/124985358/feed.css" />
<script language="javascript" src="http://cache.blogads.com/124985358/feed.js"></script>

Any ideas would be appreciated.

2 May 09, 2008 15:53

Looks like the problem is the following in style.css:

#midcontent ul li ul {
list-style-type: square;
}

try adding this:

#midcontent ul li div#adspot_124985358 ul {
list-style-type: none;
}

or a more generalized call if you are going to have multiple adspots on the page:

#midcontent ul li div.adspot ul {
list-style-type: none;
}

I *think* that will do it! :D

3 May 09, 2008 16:06

hmmm... adding this code to the style.css didn't help - ( wasn't supposed to replace anything was I?)

Is there something in the html code I can do to have it use the div#adspont_124985358 ?

I even tried overriding the CSS Class in the widget area with the adspot_124985358 info to no avail

Also - the bullet from

#midcontent ul li ul li {
list-style-type:none;
padding-left:15px;
margin:0;
background:url(img/zekebullet.gif) 0 5px no-repeat;
}

is what is being added in there -

4 May 09, 2008 16:28

this is what I get - when I view source - is it the "widget_core_free_htlm" class that I should be looking at?

(which of course I cannot find)

<div id="midcontent">
<ul>
<li class="widget_core_free_html"><link rel="stylesheet" type="text/css" href="http://cache.blogads.com/124985358/feed.css" />
<script language="javascript" src="http://cache.blogads.com/124985358/feed.js"></script>
<br>

5 May 09, 2008 17:23

Sorry! Didn't look closely enough:

change this:

#midcontent ul li ul li {
list-style-type:none;
padding-left: 15px;
margin:0;
background:url(img/zekebulletx.gif) 0 5px no-repeat;
}

to this:

#midcontent ul li ul li {
list-style-type:none;
padding-left:0;
margin:0;
background-image: none;
}

That will remove the arrows from the whole sidebar I think.

Or to target only that specific advertisement just add this instead of replacing the above:

#midcontent ul li div#adspot_124985358 ul li { 
padding-left:0;
background-image: none;
}

or:

#midcontent ul li div.adspot ul li { 
padding-left:0;
background-image: none;
}

*crossing fingers* :?:

7 May 09, 2008 17:50

I've only ever owned one book on CSS and I personally love it. Can't say if it's the best, because I have nothing to compare it to! :D

CSS - The Missing Manual
David Sawyer McFarland
Pogue Press, O'Reilly
ISBN-10:0-596-52687-3
ISBN-13:978-0-596-52687-0

Glad I could help!


Form is loading...