Recent Topics

Customization under the hood

Started by on Feb 28, 2018 – Contents updated: Mar 14, 2018

Feb 28, 2018 06:10    

Yes I am back

So again it's about this page:
http://www.ourspiritwalk.com/index.php/exp1/

I read the customization primer, or what it's called, and other stuff, here and there in the manual. But I still dont feel at home in all the different files, css, what is calling what, etc, etc.

So if I pleas could get some guidance, on what is the best way to do this:
On the page above I would like to know how to do 3 things (I am using the business skin):

1: Remove the padding aound the stand alone page I have made. Would that be done best by giving an id to my <div> or what i'm using and then using my separate style.css to override ? or is there another/better method ?

2: I would like to be able to completely remove the post/page header. Where is that done, and can I do it for select pages ?
And also to control it completely, with height, padding, maging in case I keeping it in some instances. That would be the css again

3: I would like perhaps in some instances to be able to remove the collection menu, how do I address that.

Thanks, for all the help

Feb 28, 2018 14:31

Yes, absolutely.
But I ran into another problem: Suddenly containers and includes doesnt show when I select it in the dev menu.
The screen reloads, but when it finishes, the page is still shown normally, and it look's in the dev menu as if it was not selected. ??

The other collections are willing to show containers and includes, but no longer this one, hmmn what did I do ?

Feb 28, 2018 14:43

Heres a few frames of my new problem
Note: Because I couldent figure it out I tried deleting the entire collection and recreating it. In the beginning it was there again, but as I was doing my post first one wouldent show and then the other.

Feb 28, 2018 18:25

Update: I deleted and made the collection again, this time I was allowed to see includes and containers ? nevermind for now

Now I could post some proper snapshots:

Feb 28, 2018 18:33

So @ achillis, hope my pictures with texts will suffice for a start.
Heres the questions again plus 2 ekstra

1: Remove the padding aound the stand alone page I have made. Would that be done best by giving an id to my <div> or what i'm using and then using my separate style.css to override ? or is there another/better method ?

2: I would like to be able to completely remove the post/page header. Where is that done, and can I do it for select pages ?
And also to control it completely, with height, padding, maging in case I keeping it in some instances. That would be the css again

3: I would like perhaps in some instances to be able to remove the collection menu, how do I address that.

ekstra:

4: In the middle pic, post before this, there is a line (is it a box ?), I don't know where it comes from, and I would like it gone.
In the third pic there is a snapshot of the page source, in a place which might have something to do with it ?

5: When the header top is not present (pic 2) it seems the black main menu gets thinner and the secected point sticks out, it doesnt look so good. Is it a bug ?

Thanks again

Feb 28, 2018 20:29

Not sure how you inserted this into your post, but I suspect you have some markup going on there

Feb 28, 2018 20:41

Remove Space: Add css rule: #tarotContent .evo_content_block table {margin: 0 !important} to skins/YOUR_SKIN/style.css

Feb 28, 2018 20:58

@jan_kirk wrote earlier:

2: I would like to be able to completely remove the post/page header. Where is that done ...

in your skin files... usually index.main.php and remove skin_container( NT_('Page Top')

@jan_kirk wrote earlier:

3: I would like perhaps in some instances to be able to remove the collection menu, how do I address that.

what instances? You can do (usually index.main.php) this with:


global $disp

switch( $disp )
{
case 'front':
// show this
break;

case 'single':
// show this
break;


case 'posts':
// show this
break;


case 'page':
// show this
break;

}

@jan_kirk wrote earlier:

3: I would like perhaps in some instances to be able to remove the collection menu, how do I address that.

Mar 01, 2018 07:26

Let me take that codeblock first.
Thats curious.
Yes, I have markup going. It's very simple. I did not knowingly put any <pre> or <codeblock> tag in it.
The markup right now is:


<div id="tarotContent">
<div class="tarot-box">
<table width="600px" height="270px" cellpadding="2px" cellspacing="5">

<tr>
  <td class="tarotCardHeaderCell tarotTextBG">
     <p>3-Card Layout<br />Formulate your question clearly inside, ... pause ... and:</p>
  </td>
</tr> 
<tr>
</tr> 
<tr>
  <td colspan="3" class="tarotCardHeaderCell tarotTextBG">
     <p>Click each card to turn it, when you are ready.</p>
  </td>
</tr> 
<tr>
  <td class="tarotCardHeaderCell tarotTextBG">
     <p>What has led to this ?</p>
  </td>
  <td class="tarotCardHeaderCell tarotTextBG">
     <p>What IS the situation ?</p>
  </td>
  <td class="tarotCardHeaderCell tarotTextBG">
     <p>What will come of this ?</p>
  </td>
</tr>  
<tr>
</tr>

</table>
</div>
<div id="tarot-text"></div>
</div>

So I dont know how it gets there.
Also in you inspector it look like the tags are together with nothing inside. When I choose view source, I get :


Please see screenshot next post

Any idea how it gets there, and how to be rid of it ?

Mar 01, 2018 07:44

It loos like it has encapsuled some code ? but not in your inspector

Mar 01, 2018 08:22

Ja, not sure whats happening there. Try disabling some rendering plugins one by one while checking to see which plugin is causing this. You probably find this happens with some markup rendering happening when switching between expert view in the editor

Mar 01, 2018 10:56

Removing the markup renderer did the trick with the codeblock, thank you

But my containers and includes will again not show ? I dont know but, I posted it under bug reports.

Space:
Adding:
#tarotContent.evo_content_block table {

      margin: 0;
     }

Did not seem to change anything.
However I forgot about this (custom style.css under the blog ):

#tarotContent {

      width : 1024px;   
      height : 795px;    
      margin-top : 0px;
        margin-bottom : 0px;
      margin-left : auto;
      margin-right : auto;
      background: url('hp_pictures/bg_big/tree.jpg') no-repeat top center;
      background-size: 104%;
      font-weight: 900;
      color : black;
     }

Changing the width to 'auto' (sorry) helped a lot of course (red ears)
Remaining is only the space around the whole post/page block. ?

(arrrg missing my containers and includes now)

Regards

Mar 01, 2018 11:43

margin: 0 !important; // adding !important will override previously declared rules

on other matters...

@jan_kirk wrote earlier:


(arrrg missing my containers and includes now)

Regards

Not sure what you are referring to there... maybe widget containers?

Try reloading plugins, containers, skin containers....

Mar 01, 2018 13:55

Tried reloading containers but, still nothing is shown, when I select 'show containers' from the development drop-down menu

Mar 01, 2018 14:58

@achillis wrote earlier:

@jan_kirk wrote earlier:

2: I would like to be able to completely remove the post/page header. Where is that done ...

in your skin files... usually index.main.php and remove skin_container( NT_('Page Top')

(Note: Using Business Skin)

  • Tried 'index.main.php' but didnt find 'skin_container' or 'Page Top'
  • Found 'skin_container' in _item_block.inc.php but, not 'Page Top'

hmmn .. in: _body_header.inc.php
I found what I would call the main header and, special header top for the entire collection.
But im looking only for the header for the post/stand-alone-page ... looking more ....

Not found so far ...

Hmmn dev menu says $disp=page and $disp_detail=page
guess i'm looking for a file, something with 'page' or 'single' ?
(but I dont know if its using fallback, because 'show containers' and 'show includes is not working')

More hints welcome

Mar 01, 2018 19:31

Hi jan.
I've had a quick look at this post, are you still having the same problems.

  1. Removing the header from the blog Exp1 ::
    .widget_core_coll_title {display:none}
    or for the whole header try
    header#main-header {display:none}
  2. Removing the post title
  3. Borders around post.

To many queries for one post for my liking. If you still have problems and can be bothered, split each to a post maybe.

Mar 02, 2018 08:01

Ja @jan_kirk , you ask many questions together... separate them....

Here is a mod for the Skin business_Skin: Unzip and replace your files with these ones... BACKUP YOUR SKIN FIRST
test and see. The changes is found in Collection > Skin Settings /admin.php?ctrl=coll_settings&tab=skin

There comes a point where you have to ask yourself if you need help, and help uses a resource (time), consider commissioning someone to assist you. I am available for paid work.


Attachments:

Mar 02, 2018 08:06

business_skin_1.3.2. ( business_skin_1.3.1-mod )

Mar 03, 2018 15:19

@ amoun and achilis

I am very greatful for your help, and will try to separate questions in the future.
Perhaps I am overusing your kindness to help, if that is the case, I am sorry. If I need help ?: Well, I can probably solve just about anything given sufficient time. This is an enjoyment project of mine, if it takes longer its ok.
I will reduce my amout of questions if you feel I am spamming the forum.

Jan out

Mar 03, 2018 19:54

You are not spamming. I like to solve problems, but one at a time :) and different posts mean I can focus on one problem easier - and my resources are solar power in the winter in the UK (180w/h today) and (less about 500K internet speed - any day) so efficiency is paramount.

Anyway how are you getting on? Which problem is the most important to resolve?

Mar 04, 2018 06:51

@jan_kirk the beauty of forums are that your issue, if solved, can help other users also. The point of the forum is there to provide support to users, so feel free to ask whatever you like and how many questions you wish, but (there is always a but, huh?) compose your questions in a way that they are clear to understand, easy to answer, contains a sumorized holistic explanation of what may have caused it.

Remember that we don't see what you see, we weren't there while you made mods, or installed things. Therefore you must make it easy for folk to respond to your questions.

This is why the moderators of this site requested users adhere to the following guidelines when posting in forums:

1) Exact b2evolution CMS version number
2) URL where one could go to view your site, or where the issue occurs
3) Complete screenshot (with minimal cropping)
4) Precise and complete error message

If one can add to this, then it would be:

5) Provide your PHP version;
6) Your DataBase type
7) Keep your post on topic, for a specific issue, mixing questions makes it difficult to follow and to answer (think of others who shares your issue and reads this thread to problem solve their own).
8) Start new threads for new questions
9) Prioritize your questions, enquire about things starting with the most important issues first.
10) Compose your post well. So that one know what is what and can distinguish between aspects.

I trust you see this response for what it is, advise and support so that you can be assisted better.

Mar 04, 2018 17:05

Thanks both of you :)
I had a computer free weekend, for better or worse :D
Will be back soon when I have tried out some stuff.

Got the point about making the posts more clearcut, makes them searcable/understandable.

Mar 05, 2018 17:41

Let me get back to this

@amoun

.widget_core_coll_title {display:none}

header#main-header {display:none}

First line removes the colletion title, as it says (had found out how to change this in a file, but i guess css is cleaner)
Second line does remove all the content of the colletion header but, white space is left.
Screenshots attached

@achillis
will try the mod ASAP

Mar 06, 2018 00:35

I was looking to see if you had left is as in your last image so I could inspect it to see what the object's ID that made the 'header' bar. Do you use something like Firefox > Developer >Inspector, as although it can take some effort, it does show all the html objects that can then be obscured vis css.

If you remove bit by bit you should find the right object, but I see you have displayed them again. In the long run a modified skin may be a better option for you. I did that to a skin years ago and still hack it up a bit when I want, but usually I just comment out and css bits I don't rebuild the skin.

UPDATE Couldn't add an image when I try to edit this post so have added it to the next 'comment' maybe this is what you are looking for 89pixel height??

Mar 06, 2018 05:54

@amoun

#main-header-sticky-wrapper {display:none; height: 0px;}

Did the trick for the collection header, thanks &#58;&#41;
Guess its time I get that inspector tool you are mentioning.
Over time I would like to find out specifically where this happens, in case I want to do more stuff to it, but this is fine for now. Knowing this much it is already a lot easier to take it from here.

About power, quote: "And my resources are solar power in the winter in the UK (180w/h today)"
You are actually off the grid ? awesome &#58;&#68;

@achillis
Now for that mod, which keeps pending

Mar 06, 2018 19:07

The Developer >Inspector comes as default with Firefox and I think with MS Edge.
Yes I'm off grid. Had to axe the wheelbarrow rainwater to break 2" ice to get drinking water. :) Basics is fun

Where what happens? The objects in the skin or the default css?

This post has 4 feedbacks awaiting moderation...


Form is loading...

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