Extend WP Page Builder Editor Width - wordpress

I am using WP Page Builder plugin in my WordPress installation and I am editing the contents through frontend. Is it possible to increase the width of the frontend sidebar of the "WP Page Builder" widget? So, I can edit the text more easily.

Thanks for reading my answer.
Arun so far I have used many page builders in WordPress including Divi, Elementor, Ocean WP and their width can be adjusted using a small arrow which appears when hovering the mouse over its sidebar. Try this or do let me know if you are facing the same issue?
Another solution is to manually set the width in theme editor. Moreover, I have searched for this problem and come up with the answer that, this option is not available because it provides hand-on editing the text for mobile / tablet / laptop screen using the three options appearing at bottom.
Thanks for your time :)

Related

Close pop-up window when scrolling

My situation is the following:
I have a WordPress eCommerce website with several products on it. On the product pages, obiously there are pictures of the product. When you select the picture, it opens a pop-up screen with an enlarged version of the product picture.
Recently I have noticed that, when people open the product image pop-up on a mobile device, they start scrolling. I assume this is because they expect the pop-up to close when scrolling.
All these functions (product page, product image pop-up) are created by WordPress plugin WooCommerce. The layout and style are created by my selected WordPress Theme. This means I have access to some funtions but changing things like JavaScript is not an easy thing to do.
So my question is:
Is there a way to add functionality to close the product image pop-up when scrolling on a mobile device?
Thanks in advance for any help, I would really appreciate it!
Yes it can be close easily.
You can do from your page builder option Like Elementor, WPBakery Page Builder or anything that are you use.
Secondly you can close it using JavaScript.
You can do from your Theme Option.
Thank you Hope it will Help you

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

Revolution Slider in visual composer row: navigation not working

The revolution slider I embedded into my page's row here http://jungle-crisps.com/fr/la-gamme/ is displayed correctely, but the thumbnails links and navigation arrows are just not clickable, I don't get why. I tried to set the slider layout in full width on the page and the navigation worked tho.. Why is it that with the layout set on full width navigation works properly but doesn't when the slider is in a row (with layout width set to auto)?
Thanks by advance
Try to follow some general debug steps.
Ref. General debug steps:
Create a Complete Backup of Your WordPress Site (Files and database)
Clear browser's cache.
Deactivate All Plugins Installed on Your Website, activate one by one and test.
Switch to a Default WordPress Theme.
Update theme and plugins to latest.
Google for: revolution slider arrows not showing (Looks like a common issue)
PS.
- I had the same issue before; fixed with CSS.
- Your site shows some jQuery errors.

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.

How to use wp-nicescroll plugin in WordPress site

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.

Resources