How to use wp-nicescroll plugin in WordPress site - wordpress

I've this personal wordpress site:
www.RagaBhakti.com
where I'm trying to replace the ugly vertical and horizontal scroll bars with nicescroll.
So I went to http://wordpress.org/extend/plugins/wp-nicescroll/installation/
and installed and activated the nicescroll plugin.
Since I'm new to Wordpress, I don't know what the next steps are in order to see the scroll bars change to nicescroll.
If there is some Jquery stuff that needs to be added to the actual pages, it would be helpful to know in detail how to go about doing this.
Thanks.

As I see your website now, jQuery and NiceScroll loads properly and works.
Notice that the scroll bar accutally appears only when you scroll with the scrollwheel. You have to customize it to suite your needs in the options of the plugin, in your Wordpress Admin section.

Related

Woocommerce shop side bar goes to the bottom on mobile view

This is my URL: http://www.aiowebdev.com/vapestation/
In the shop page on mobile view, my sidebar is at the bottom. I want it to be at the top, I tried using some CSS to make it go to the top but im using the divi theme. I dont know if that has something to do with it but Im not sure on how to make it go to the top.
If you need anymore details please let me know, been working on this for couple days now I cant seem to figure it out
I can give you a java script solution to this issue.
jQuery(document).ready(function(){
jQuery('body.woocommerce-page #sidebar').insertBefore( jQuery('body.woocommerce-page #left-area') );
})
Add this piece of javascript to your divi themes option.

elementor plugin right space

I'm building a landing page on my wordpress site using elementor, after creating the page i noticed i have extra space on the right side when i slide the horizontal navigation, i need to get rid of that please how do i do this.
I have tried to stretch all the pages from the layout settings from the visual builder but still no improvement.
I also tried using some custom CSS still to nothing
This only occurs on the pages i created with elementor please help me fix this.
Thanks

WordPress - manage logo to left of menu bar

I'm a developer but I don't know wordpress well and I have just inherited a wordpress site. There's a missing logo image at the top left next to the menu bar:
I have the image file but I cannot find where that logo/image is configured inside WP. I have gone into the Menus section many times -- I find the menu items but I cannot find where that image is configured. So I need to know where/how to configure that, and also how to make the image size "fixed". By default, when the image was there (before I accidentally deleted it somehow), it stretches/expands when the user scrolls down.
My client is using the "Divi Builder" template, and this template uses some kind of custom layout/template for managing and editing the page.
The Divi theme is being used and here's what it looks like inside theme customization:
So in summary:
Where/how can I find that image setup so I can fix the src to point to the correct image that I have?
How can I prevent its default behavior of expanding while scrolling down?
Thanks!
For logo settings:
Goto dashboard->appearence->divi theme option->Generl settings.
other settings
Support Docs-> Read divi theme documention
The Divi theme is a commercial theme and don't expect people on SO to have access to it. It's best to go to https://www.elegantthemes.com/forum/ for support.
"Where/how can I find that image setup so I can fix the src to point to
the correct image that I have?"
The logo is uploaded and the URL set in theme options, not in the menu options.
"How can I prevent its default behavior of expanding while scrolling
down?"
This is a completely separate question and is a feature of the theme. Ask theme support how to disable it. Or isolate the Javascript and other code and put it in a Fiddle so people can see how it works.

Wordpress Admin Bar appears at bottom and without CSS

After I upgraded to Wordpress 3.9, I noticed that my ADMIN bar is appearing on the bottom and it looks like it is not loading the CSS for it. I have changed the theme back to the twenty-fourteen and it still is at the bottom. So I know it is not theme issue but I have no idea what the issue is or how to fix it or at least disable it. Also, it works fine on any admin page.
Check if you have wp_deregister_style('open-sans'); in your theme it can be the couse!

Add a "Customize" link to left navigation in WordPress

I'm working on a theme for WordPress and I'd like to add a link in the left navigation that points to the "customize" feature that is built into WordPress.
The only way I know of in WordPress to get to that panel is to go to Appearance > Themes and then click the "Customize" text link next to the theme screenshot. That seems really hidden for an average user.
I'd like to put a text link under "Appearance" that points to that panel. The link that WordPress uses to get there is:
mydomain.com/wp-admin/customize.php
This needs to be in the theme's files, not hacking the WordPress core.
Thanks for any help you can offer.
Sorry to state the obvious but the only way you can do this would be to modify the core.
Or possibly add it as a shortcut link in the top black nav bar / dashboard area
I've modified the admin before and it's not unheard of to do it.

Resources