Home › Forums › Themes Support › Claue › Need to add left and right sidebar on my site
- This topic has 15 replies, 2 voices, and was last updated 5 years, 7 months ago by Harry.
-
AuthorPosts
-
-
April 26, 2019 at 7:35 pm #30645
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
-
April 30, 2019 at 7:46 pm #30721
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 -
May 2, 2019 at 5:06 pm #30786This reply has been marked as private.
-
May 2, 2019 at 8:02 pm #30799
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 -
May 3, 2019 at 6:57 pm #30842
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 -
May 3, 2019 at 8:42 pm #30848This reply has been marked as private.
-
May 3, 2019 at 9:10 pm #30850
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 -
May 3, 2019 at 10:57 pm #30862
It works perfectly. Than alot.
- 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?
- 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
-
May 4, 2019 at 11:05 am #30869
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 -
May 4, 2019 at 7:47 pm #30879
Works perfectly.
How can I disable those banners on mobile view?
Thank you so much.
Sovann -
May 4, 2019 at 8:24 pm #30882
Also, how can I change text hover color on menu?
Thank you
-
May 4, 2019 at 10:33 pm #30885
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 -
May 4, 2019 at 10:56 pm #30889
Works perfectly.
how can i change this font color? I tried to change many many times, but can’t.
Thank you,
-
May 4, 2019 at 11:08 pm #30892
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 -
May 4, 2019 at 11:19 pm #30894
Sorry, i added the given code, but it doesn’t change to any color.
-
May 4, 2019 at 11:22 pm #30895
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
-
-
AuthorPosts
You must be logged in to reply to this topic.