Recent Topics

center .widget_core_colls_list_public

Started by on Aug 23, 2017 – Contents updated: Aug 27, 2017

Aug 23, 2017 08:20    

I am using the public collections list widget in the Horizons main template front page main area. I can find no way to center it:

rossduncan.com.au

Any thoughts would be appreciated.

Aug 24, 2017 09:21

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
}

Aug 25, 2017 02:30

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.

Aug 25, 2017 02:43

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.

Aug 25, 2017 09:32

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.

Aug 25, 2017 10:01

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!)

Aug 25, 2017 11:00

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

Aug 25, 2017 12:12

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?

Aug 25, 2017 18:16

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 ../..

Aug 25, 2017 21:23

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

Aug 26, 2017 02:01

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.

Aug 26, 2017 16:34

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

Aug 27, 2017 05:19

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.


Form is loading...

powered by b2evolution free blog software – This forum is powered by b2evolution CMS, a complete engine for your website.