Subject: Customization Support for Portfolio Slider, Scrollbar, Navigation Buttons & Menu Colors
I am reaching out to request assistance with customizing a few elements on my website using Elementor (free version). Here are the issues I’m encountering and what I am trying to achieve:
Inner Portfolio Slider Item Customization
I'd like to customize each portfolio item within the slider, specifically by setting unique background images or videos and adjusting the button label where it currently says "Explore Project."
However, the current setup doesn’t allow me to edit the inner content of each portfolio item, and I’m seeing a message that something is missing. Is there a way to achieve this with the free version of Elementor, or would I need to upgrade to Elementor Pro?
Scrollbar Radius & Color Adjustment
I want to modify the scrollbar radius from 8px to 4px and change its color. However, I’m unable to locate the class smooth-scrollbar-style in the stylesheet.
Could you guide me on where to find or add the appropriate CSS to control the scrollbar styling?
Removing Previous and Next Buttons
I’d like to remove the “Previous” and “Next” buttons that appear at the bottom of the page. Unfortunately, I couldn’t find a way to disable these in the settings.
Could you advise on whether there is a way to hide these buttons via the settings or if custom CSS is required?
Menu Item Color Customization
Lastly, I’d like to change the color of menu items in the main navigation menu, including the hover color.
While I tried adjusting this within the Elementor settings, it doesn’t seem to apply consistently. Could you please provide guidance on how to customize these colors effectively?
Thank you very much for your help. I appreciate any guidance you can offer to help me achieve these customizations!
However, the current setup doesn’t allow me to edit the inner content of each portfolio item, and I’m seeing a message that something is missing. Is there a way to achieve this with the free version of Elementor, or would I need to upgrade to Elementor Pro?
It's definitely possible to fully edit theme demo with free Elementor version. Upgrading to Elementor Pro won't unlock any new options.
If you still can't figure it out please provide your site address and login/password to WP panel. I'll check it.
background images or videos
Featured videos are not supported in the theme. Only featured images.
button label where it currently says "Explore Project."
I don't know what slider you chose. If this is "Portfolio Fullscreen Slider", you can adjust the label in Elementor widget settings as follows:
Scrollbar Radius & Color Adjustment
The smooth scrolling plugin dynamically injects the following CSS to the page <head> to stylize the virtual scrollbar: https://pastebin.com/gS6uP850 You need to override these rules in your child theme. Probably you'll have to use "!important" statement.
I’d like to remove the “Previous” and “Next” buttons that appear at the bottom of the page. Unfortunately, I couldn’t find a way to disable these in the settings.
You can disable it from Customizer -> Portfolio panel:
Lastly, I’d like to change the color of menu items in the main navigation menu, including the hover color.
You'll need to make CSS adjustments for this. In file /wp-content/themes/rubenz/css/main.css you'll find the table of contents at the very beginning. The styles for the menu customizations are:
Subject: Customization Support for Portfolio Slider, Scrollbar, Navigation Buttons & Menu Colors
I am reaching out to request assistance with customizing a few elements on my website using Elementor (free version). Here are the issues I’m encountering and what I am trying to achieve:
- Inner Portfolio Slider Item Customization
- I'd like to customize each portfolio item within the slider, specifically by setting unique background images or videos and adjusting the button label where it currently says "Explore Project."
- However, the current setup doesn’t allow me to edit the inner content of each portfolio item, and I’m seeing a message that something is missing. Is there a way to achieve this with the free version of Elementor, or would I need to upgrade to Elementor Pro?
Scrollbar Radius & Color Adjustment- I want to modify the scrollbar radius from 8px to 4px and change its color. However, I’m unable to locate the class smooth-scrollbar-style in the stylesheet.
- Could you guide me on where to find or add the appropriate CSS to control the scrollbar styling?
Removing Previous and Next Buttons- I’d like to remove the “Previous” and “Next” buttons that appear at the bottom of the page. Unfortunately, I couldn’t find a way to disable these in the settings.
- Could you advise on whether there is a way to hide these buttons via the settings or if custom CSS is required?
Menu Item Color CustomizationThank you very much for your help. I appreciate any guidance you can offer to help me achieve these customizations!
Best regards, Aesha
Hello!
However, the current setup doesn’t allow me to edit the inner content of each portfolio item, and I’m seeing a message that something is missing. Is there a way to achieve this with the free version of Elementor, or would I need to upgrade to Elementor Pro?
It's definitely possible to fully edit theme demo with free Elementor version. Upgrading to Elementor Pro won't unlock any new options.
The changes you make in admin panel of portfolio items as mentioned here https://docs.artemsemkin.com/rubenz/wp/creating-content/new-pages-posts.html should be reflected in the slider and on the portfolio pages.
If you still can't figure it out please provide your site address and login/password to WP panel. I'll check it.
background images or videos
Featured videos are not supported in the theme. Only featured images.
button label where it currently says "Explore Project."
I don't know what slider you chose. If this is "Portfolio Fullscreen Slider", you can adjust the label in Elementor widget settings as follows:
Scrollbar Radius & Color Adjustment
The smooth scrolling plugin dynamically injects the following CSS to the page <head> to stylize the virtual scrollbar: https://pastebin.com/gS6uP850 You need to override these rules in your child theme. Probably you'll have to use "!important" statement.
I’d like to remove the “Previous” and “Next” buttons that appear at the bottom of the page. Unfortunately, I couldn’t find a way to disable these in the settings.
You can disable it from Customizer -> Portfolio panel:
Lastly, I’d like to change the color of menu items in the main navigation menu, including the hover color.
You'll need to make CSS adjustments for this. In file /wp-content/themes/rubenz/css/main.css you'll find the table of contents at the very beginning. The styles for the menu customizations are:
* 31. Menu
* 32. Menu Overlay