Need to add left and right sidebar on my site

[sovann]

Hello,

how can i add left and right banners on my site? I want it only PC , disable on the mobile device.

Please help.

Thank you,

Sovann

[Harry]

Hi Sovann,

Sorry because miss your topic. Please try this plugin https://wordpress.org/plugins/advanced-ads/

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[sovann]

This reply has been marked as private.

[Harry]

Hi,

Please use sticky ads addon http://prntscr.com/nji21h

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Sovann,

1. Please add below code to claue-child > functions.php

if ( ! function_exists( 'jas_claue_child_register_sidebars' ) ) {
	function jas_claue_child_register_sidebars() {
		register_sidebar(
			array(
				'name'          => esc_html__( 'Sticky Ads Left Sidebar', 'claue' ),
				'id'            => 'sticky-left-sidebar',
				'description'   => esc_html__( 'Sticky Ads Left Sidebar', 'claue' ),
				'before_widget' => '<aside id="%1$s" class="widget %2$s">',
				'after_widget'  => '</aside>',
				'before_title'  => '<h4 class="widget-title fwm">',
				'after_title'   => '</h4>',
			)
		);
		register_sidebar(
			array(
				'name'          => esc_html__( 'Sticky Ads Right Sidebar', 'claue' ),
				'id'            => 'sticky-right-sidebar',
				'description'   => esc_html__( 'Sticky Ads Right Sidebar', 'claue' ),
				'before_widget' => '<aside id="%1$s" class="widget %2$s">',
				'after_widget'  => '</aside>',
				'before_title'  => '<h4 class="widget-title fwm">',
				'after_title'   => '</h4>',
			)
		);
	}
}
add_action( 'widgets_init', 'jas_claue_child_register_sidebars' );

2. And download attach file and put to claue-child

3. Add below code to claue-child > style.css

.sticky-left-sidebar, .sticky-right-sidebar {
	position: fixed;
	top: 250px;
	left: 0;
}
.sticky-right-sidebar {
	right: 0;
}

And go to Appearance > Widgets add your widget to Sticky Left and Sticky Right Sidebar

Kind regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[sovann]

This reply has been marked as private.

[Harry]

Hi,

I help you add content to sidebar, please check and change CSS code to

.sticky-left-sidebar, .sticky-right-sidebar {
	position: fixed;
	top: 250px;
	left: 0;
}
.sticky-right-sidebar {
	right: 0;
	left: auto;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[sovann]

It works perfectly. Than alot.

1. The left and right banners size 160×600, but when i added them the size of the banners became small. How can i make those banners bigger or show original size?
2. At the left and right banner i saw extended white background which appearing on top of those banners, how can i get ride of those white backgrounds?

Thank you,

Sovann

[Harry]

Hi,

1. Please change setting of image http://prntscr.com/nk6ss7

2. Change prev css code to

.sticky-left-sidebar, .sticky-right-sidebar {
	position: fixed;
	top: 250px;
	left: 0;
	z-index: 9999;
}
.sticky-right-sidebar {
	right: 0;
	left: auto;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[sovann]

Works perfectly.

How can I disable those banners on mobile view?

Thank you so much.
Sovann

[sovann]

Also, how can I change text hover color on menu?

Thank you

[Harry]

Hi,

1.To hide banner on mobile, please add more code

@media only screen and (max-width: 1024px) {
.sticky-left-sidebar, .sticky-right-sidebar {
	display: none;
}}

2. To change color when hover on menu, please go to Theme Option > Color Scheme.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[sovann]

Works perfectly.

how can i change this font color? I tried to change many many times, but can’t.

Thank you,

[Harry]

Hi Sovann,

Please add more custom css

.dark .yt-username {
	color: #222 !important;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[sovann]

Sorry, i added the given code, but it doesn’t change to any color.

[Harry]

Hi,

This control by css of youtube in iframe so the css code of theme can’t apply. I’m sorry for this case, it don’t have solution.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts