Gojero

Hi @properlypurple! Thanks for your reply.
Haven’t think of using ‘!important’ yet.
Easy, it is working now. Thanks!

Gojero

• This reply was modified 1 year, 2 months ago by Gojero.

Yes I can relate to you, that was what have I read too. It is very confusing!
I did some testing and found out that it is necassary to enqueue the css style in a function.php. Than the style.css works properly.

Hi, Last month I found this tutorial on Youtube.
It is easier than you think. I hope it wil help you. ??
Master Sidebars With WordPress Gutenberg Block Themes

Succes! Gojero

Hi,

I forgot to mention that it is important to make a child theme with its own function.php and style.css; To be sure that future twenty three updates will not override all your custom codes. But yeah, this will happen to every wp beginner. including me ??

Hi,

I solved this one recently.
Add a shortcode in function.php

//--- Add a shortcode for showing current year - [year]
	function year_shortcode() {
	  $year = date('Y');
	  return $year;
	}
	add_shortcode('year', 'year_shortcode');
//--- END ---

Shortcode in your pages/texts and footer: [year]

Puzzle Solved!!! yeeeah!
Time to move on.

I found out this tonight, but I hate using !important.

		
	.sidebar_nav ul li ul {
		border: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		width: 200px !important;
		overflow: visible !important;
		padding: 0 0 0 30px; /* Submenu block: padding left; Distance from native menu-items */
		}

Again, but the whole css for who is interested. Happy coding all!

/* --- Sidebar, vertical menubar for portfolio navigation (sidebar_nav) --- */
	.sidebar_nav {
		/*position: fixed;*/
		padding: 0 0 0 50px;
		}
		
	.sidebar_nav a {
		border-left: thin solid #666;
		padding: 0 0 0 7px; /* Distance between stripe & text */
		} 
		
	.sidebar_nav ul li {
		color: #666;
		font-size: 13px;
		padding: 0 0 7px 0; /* Distance under nav.link */
		}
	
	.sidebar_nav li a {
		height: 18px;
		}
		
	.sidebar_nav li a:hover {
		color: #333;
		}
	
	.sidebar_nav .current-menu-item a {
		color: #333;
		}
/* This was what i need, and I hate using !important!!!!*/		
	.sidebar_nav ul li ul {
		border: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		width: 200px !important;
		overflow: visible !important;
		padding: 0 0 0 30px; /* Submenu block: padding left; Distance from native menu-items */
		}
		
	.sidebar_nav ul li ul li {
		padding: 0 0 0 0;
		}
	
	.sidebar_nav ul li ul a {
		border-left: none;
		}	
	
	.sidebar_nav ul li ul li:before {
		color: #666;
		content: '+';
		}
	
	.sidebar_nav ul li ul li a {
		padding: 0 0 4px 6px; /* Vertical alinement between text and '+' / Space bestween '+' and linktext */
		}

Hi,

I have made some tiny changes, but have not figured out how to control the submenu (what I am aiming for:borders at 0, display: block, no dropdown.)

/* --- Sidebar, vertical menubar for portfolio (sidebar_nav) --- */
	.sidebar_nav {
		/*position: fixed;*/
		padding: 0 0 0 50px;
		}
	
	.sidebar_nav ul {
		color: #666;
		}
		
	.sidebar_nav ul li {
		padding: 0 0 5px 0;
		}
		
	.sidebar_nav ul li a {
		font-size: 13px;
		border-left: thin solid #666;
		padding: 0 0 0 6px;
		}
	
	.sidebar_nav ul li a:hover {
		color: #333;
		}
		
	.sidebar_nav .current-menu-item a {
		color: #333;
		}
		
	.sidebar_nav ul li ul {
		color: #666;
		padding: 0 0 0 20px;
		}
	
	.sidebar_nav ul li ul a {
		border-left: none;
		}
	
	.sidebar_nav ul li ul a:before {
		content: '+';
		padding: 0px 7px 0px 0px;
		}

I will do that! thank you!

Hi Kathryn,

Thank you very much, you are right! I have deactivated all plugins, one by one. I found out that Jetpack is the problem in this scenario. Who would ‘ve fought. Maybe other people experience this too?
And then how to turn it off? ;-P. Cannot find anything in Jetpack.

Hi Andrea,
Thanks you for your reply.

I certainly tried this, but I do not like the styles.
So I was thinking of adding my own menu. Appearentely it is more difficult than I thought it would be.

But now am I thinking.
Maybe it is possible to change the style of this widget ‘custom menu’?

I have found here a page of manually changing styles of widgets.
Add styles to widgets

Let’s give it a try! ??

Peace all!

• This reply was modified 7 years, 8 months ago by Gojero.

I think it has something to do with this message in sidebar.php:

“* If no active widgets are in the sidebar, hide it completely.”

How can I make the sidebar static?
or is there another way to add a navigation bar in sidebar.php.

I see now, that ís weird!

I changed the “store” page url into “shop” again.
If you click the link, you can see my own page again…

LOL, the problem solved itself :-S
Kinda happy about it, but I do not know what happened.

Thank you for your feedback Mike!

Greetz Jeroen

Closed topic!

Hey Mike,

Sorry, I have not found the solution yet…

Thank you for your comment.

I am also disappointed. I was thinking I was the only one who wanted this to realize.

I think the slider work with jetpack or something. Still don’t know…LOL
It is using flex slider. https://www.woothemes.com/flexslider/

Now I am using the Sketch Theme. It works very well! This theme contains Flexslider.

But I really like the Twenty Fifteen theme.
The upcoming Twenty Sixteen should be a crossover between Sketch and Fifteen. That would be wonderful!

I am going to publish my website this week. https://www.jeroengotz.nl

That makes sense. I need to write content. And…care about things that are really important ??