ketokookin

Hi,

thanks a lot, worked like a charm!

I was able to remove the ads with the version you suggested and I am running the latest version again ??

Hi,

Thanks for the fast reply.
My website is ketokookin.com

What I wanted to do is trying to change on which sites the videos are embedded automatically.

Thanks again!
You didn’t just solve my problem, but helped me to understand a lot of things.
You are amazing ??

You have really been of awesome help to me! ??
I just have one more question.
Do “div#header-widget-area” and “.hw-widget” refer to the same element in this case?

Applied suggestion screenshot

Wow!! Thank you so much for the great help!
It worked like a charm.

In addition to your suggestion, I just needed to add margin on the left side for this to work, so the custom css is

div#header-widget-area {
	width: 40%;
	height: 100%;
	background-color: #f7f7f7;
	/*border-bottom: 1px solid #eeeeee;*/
	text-align: center;
	margin-left: 5%
}   

h2.hw-title {
	display:none
}
div#header-widget-area2 {
	width: 40%;
	height: 100%;
	background-color: #f7f7f7;
	/*border-bottom: 1px solid #eeeeee;*/
	text-align: center;

	margin-bottom: 10vh;
}   

@media screen and (min-width: 480px) {
    .hw-widget {
        float: left;
    }
}

If I leave out the “@media screen[…]” part it works, too.
.hw-widget {float:left;}
Does it make any difference?

• This reply was modified 7 years, 3 months ago by ketokookin.
• This reply was modified 7 years, 3 months ago by ketokookin.

I’ve tried it over and over again with 3 different browsers. Unfortunately, the share button doesn’t work with any of them on cssdesk.com
I used liveweave to recreate the site Link
This is the best I could do, yet. I hope that helps in solving my problem.

Edit:
Alright, I got it now with cssdesk. I needed to click on share before changing the default “hello world” code, then, change the code and click save. CSSDesk link
It is the same code I inserted in liveweave

• This reply was modified 7 years, 3 months ago by ketokookin.

Thanks for the fast reply.
I uploaded a screenshot of the live preview here: Preview

The top widget (archives) is in header-widget-area, the other one in header-widget-area2.

div#header-widget-area {
	width: 40%;
	height: 100%;
	background-color: #f7f7f7;
	/*border-bottom: 1px solid #eeeeee;*/
	text-align: center;
}   

h2.hw-title {
	display:none
}
div#header-widget-area2 {
	width: 40%;
	height: 100%;
	background-color: #f7f7f7;
	/*border-bottom: 1px solid #eeeeee;*/
	text-align: center;

	margin-bottom: 10vh;
}   

I spotted the mistake in my functions.php and the live preview works again.
This is the working code:

// creating header widget area 
function wpb_widgets_init() {
register_sidebar( array(
'name' => 'Header Widget 1',
'id' => 'header-widget',
'before_widget' => '<div class="hw-widget">',
'after_widget' => '</div>',
'before_title' => '<h2 class="hw-title">',
'after_title' => '</h2>',
) );

//header widget 2
register_sidebar( array(
'name' => 'Header Widget 2',
'id' => 'header-widget2',
'before_widget' => '<div class="hw-widget">',
'after_widget' => '</div>',
'before_title' => '<h2 class="hw-title">',
'after_title' => '</h2>',
) );

}
add_action( 'widgets_init', 'wpb_widgets_init' );

?>

Now, the only problem left is that the header widget 2 area is shown beneath header widget 1 area.
How do I achieve to show them side by side?