Hi Just a quick idea. If you see the post below, you should be able to use the developer/inspector options in your browser to locate the object and the file the relevant css file. I don't use the widget but will try it later and update. Hope you get it before I do :) Of course you may be able to right click of the object i.e. one of the entries to the list and >{inspect element]

Update 1. Found [ /media/blogs/****/style] but haven't managed to change position only padding so far by unchecking box in inspector, but there you go, got the object now to find the property

Update 2. Removed

Update 3

OK Got it. In the file mentioned : add at the end

It's the container

li.widget_core_colls_list_public ul li{
	width:100%;
	text-align:center
}

Doesn't work for me. I have added this to the css:

li.widget_core_colls_list_public ul li {
width:100% !important;
text-align:center !important;
list-style-type: none !important;
display:inline;
}
but the net result is no effect at all. Container does not show under inspection any referenec to style.css, so I assume I have a different error.

It refers to style.min.css. And does so even if I remove the file. It is just hell making changes to style.min.css all the time. And if I drop code into the custom css box, it is having no effect. I have all caching turned off.

So, patience restored, I have this:

<style>
.widget_core_colls_list_public li
{
list-style-type: none !important;
display:inline;
padding-right:20px;
}
.widget_core_colls_list_public ul
{
width:100%;
text-align:center;
}
</style>

but the list is still sitting to the left. Hmm. I am thinking that the social media element - .ufld_icon_links - exhibits the right behaviour, so I could add a top margin to position it. But that would, I imagine create a real mess when view on a phone, etc.

Ah. There is the problem: style.min.css has for .widget_core_colls_list_public

display:inline-block

If I remove the tick in inspector, it moves in the right direction. There is a 25px left margin, the gift of bootstrap-b2evo_base.bmin.css.

(I just want to get rid of all this min stuff! It might serve a purpose with a massive number of visitors, but hey!)

You are undoubtedly using a different skin than me, I see you are using [style.min.css]

The style sheet in the [/media/blogs/****/style.css] should automatically be added via a meta tag in the head of your skin as the last entry and therefore will override any preceding declarations that are made by the skin.

I'm sad you're finding it so difficult, but you seem to be on the right track ????

As I'm not using the same skin etc. I hope you don't mind if I don't bother investigating this with you any further.

All the best

Thank you amoun,

You pointed to some things that I otherwise wouldn't have thought about again. Very good. I can see where to go. But what I can't find a way to do is override the .min files. Can you explain to me how I might do this?

Go to http://b2evolution.net/man/skin-development-primer

And read the section that contains:

Now, check that the skin still works. It should automatically resort to loading style.css instead of style.min.css. Should this not be case, please check the following line in your skin’s _skin.class.php ../..

It makes sense to read this primer entirely before hacking skins..

fplanque,

Thank you for your reply. I have read all the related primer stuff previously, but it got me nowhere. Now, I cannot read the 2 sections of code you have in your post. I seem to have everything turned on except for 'code highlight', which I cannot turn on.

You gotta go to the primer and read the whole paragraph + code sample there.

OK. I read the primer again. Forget the css issue with the public list: I delete the whole site, and re-install. Clean install. I set up a second user, and one collection. Prior to which I have installed horizon_blog_skin, without style.min.css. I set the collection type to blog.

I edit _skin.class.php, changing 'check' to 'false'. I go to the front office.

The skin will not load properly until I return _skin.class.php to its original state. Is this a function of the specific skin? I install horizon_main.

css reference is to style.css, but both horizon_main and horizon_blog behave erratically.