Switch the visibility of the table contents in the sidebar with the table of contents and the plugin

I use table of contents plus Plugin for displaying table contents in the sidebar and before the first headline.

Currently, I think users can toggle the visibility of the table content in the sidebar as well as the table content before the first headline

Can someone tell me how to do it?

To center the site and the float list in the left sidebar on the right

Hi Guys,

I have not written any code for three years and HTML is not my thing, and when I come back, I have to start from scratch. So take it with me when I ask stupid questions or too much.

I'm trying to center the entire site and move the list to the right in the left sidebar. The result is as ugly as the attached picture.
SEMrush

So far I have been trying:




    my page
 
    
    
 
    
 
    
 

    
  • 1
  • 2
  • 3
  • 4
  • 5

Code (surcharge):

The CSS:


*,
*:before,
*:after {
  box-sizing: border-box;
}
html, body {height: 100%; margin: 0px;}
/* Left Sidebar */
#left-sidebar {
    margin: 0;
    padding: 0 0.5em 0 0;
    width: 4em;
    float: left;
}
#left-sidebar ul li {float: right;}
/* Content Container */
#content-container {
    margin: 0;
    padding: 0.5em;
    float: left;
    width: 50em;
    border-left: 0.08em solid #ccddee;
    border-right: 0.08em solid #ccddee;
}
/* Right Sidebar */
#right-box {
    margin: 0;
    padding: 0 0 0 0.5em;
    height: 100%;
    float: left;
}
#right-sidebar {
    padding-left: 2em;
    float: left;
}

ul {list-style: none;}
.wrapper {
    margin: 0 auto;
    padding: 0;
}
.visuallyhidden {display: none;}

Code (surcharge):

Thanks in advance for your help.

views – Displays the content tag in the sidebar block

How to relate content to a tag so that when you open a particular item, that tag also appears in the sidebar block. For example, I have 4 contents and each content has one or two tags related to the content. Suppose Content 1 has "Services" as a tag. Content 2 has "Finance" as a tag. If I now open that particular content, it should also show the appropriate tags in my sidebar block. How can you achieve that?

Sidebar – How do I create a collapsible side menu with a Walker?

I use wp_list_pages($args) to create a page navigation. I have to make the menu on the phone collapsible.

With a custom walker, 'walker' => new sidebar_walker(), within the $ args and then class sidebar_walker extends Walker For the custom walker, I can not find the first

    Currently there are:

    
    

    I'm trying to add an element to PHP (within the Walker) so I can create a div wrapper for the content.

    My desired output would just be something like:

    
    

    I can not seem to find a way to add an item before

The sidebar for files occupies more than half of the page

That may be a stupid question, but it worried me for an hour and I still can not solve it. I accidentally clicked on something in the file manager, according to which the sidebar of "files" occupies half of the page. [See attached screenshot] I tried to drag the right border of the sidebar to make it narrower, but it can not be dragged to the left. How could I reset it to normal? Thank you in advance.
sidebar_occupies_half_of_page