Niall Madhoo

To highlight the menu items when the respective menu or submenu item is open as a page in the browser, please add the following CSS code in the Appearance > Customize > Additional CSS section of your WordPress Admin dashboard:

/* Highlight all current-menu items up to 2 submenus (ul ul ul li... would be 3 menus) */
.main-navigation ul li.current-menu-ancestor > a, .main-navigation li.current-menu-item a, .main-navigation ul li.current-menu-item a, .main-navigation ul ul li.current-menu-item a {
  color: black;
}

I have the “Standard with Sidebar“ post open, and the Blog menu is highlighted as follows without me hovering my mouse over any of the items:

The Blog menu item highlights on the same post without the submenu open. That’s because the “Standard with Sidebar“ post is also a link in the submenu under Blog:

You’re welcome. If I understand correctly what you’re asking, the parent highlights and activates the dropdown submenu using this code on line 989 of the style.css file on http://vantage-demo.packs.siteorigin.com/:

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    visibility: visible;
    opacity: 1;
}

The highlight for the parent menu item is determined by:

.main-navigation ul li:hover > a, .main-navigation ul li:focus > a, .main-navigation ul li:hover > a [class^="fa fa-"] {
    color: #333333;
}

And for the submenu item, it’s:

.main-navigation ul ul li:hover > a {
    background-color: #ffffff;
    color: #333333;
}

The submenu item only drops down when a user hovers over the parent menu item. That also means that the parent menu item always highlights when the submenu item is visible. The submenu item cannot display without the parent menu item.

Hello @sarsarheyworth,

Please add the following CSS code in the Appearance > Customize > Additional CSS section of your WordPress Admin dashboard:

.sidebar-right .ashe-widget {
	text-align: center; /* Center text and images on most sidebar-right widgets */
}

.gallery-item {
    margin-right: 20px; /* Determines the spacing between gallery images*/
}

.gallery-columns-3 .gallery-item {
    width: auto; /* Overrides the theme's default 3-column gallery image width so the images align correctly */
}

.sidebar-right .ashe-widget ul a, .sidebar-right .ashe-widget ol a{
	width: 100%; /* Sets the width of the list item link to 100% for the text-align element to work */
	text-align: center; /* Center list items on recent posts widget */
}

The result should be as follows:

The images are aligned to the center of the sidebar:

And so are the rest of the non-centered widgets:

@avraham95 If your question has been answered, it would be great if you would mark this topic as resolved in the sidebar. This helps the forum’s volunteers find the topics that still need attention and more people will get helped, possibly like you did.

Hello @filippalevemark,

If you use a commercial theme like Divi and need support, please go to their official support channel. In order to be good stewards of the WordPress community, and encourage innovation and progress, we feel it’s important to direct people to those official locations.

You can find support for Divi here: https://www.elegantthemes.com/contact/ and https://intercom.help/elegantthemes/en/collections/1475217-divi-release-tutorials

Forum volunteers are also not given access to commercial products, so they would not know why your commercial theme is not working properly. This is one other reason why volunteers forward you to the commercial product’s vendors, in this case Elegant Themes. The vendors are responsible for supporting their commercial product.

I can help with what the issue may be. The following is an example of the URL you’re talking about: https://filippalevemark.com/25c14ae1194d16351f42886f0ed5552aa65e262348885289fb55cbbc404affe8postname25c14ae1194d16351f42886f0ed5552aa65e262348885289fb55cbbc404affe8/. This URL definitely seems abnormal.

You may have a plugin or theme conflict.

Please attempt to disable all plugins, and use one of the default (Twenty*) themes. If the problem goes away, enable them one by one to identify the source of your troubles.

If you can install plugins, install and activate Health Check: https://ww.wp.xz.cn/plugins/health-check/
It will add a new feature under Tools > Site Health.
On its Troubleshooting tab, you can Enable Troubleshooting Mode. This will disable all plugins, switch to a standard WordPress theme (if available), allow you to turn your plugins on and off, and switch between themes, without affecting normal visitors to your site. This allows you to test for various compatibility issues, such as the URL problem. For instance, if the URLs work with a default WordPress theme, then there’s an issue with the Divi theme you’re using.

There’s a more detailed description about how to use the Health Check plugin and its Troubleshooting Mode at https://make.ww.wp.xz.cn/support/handbook/appendix/troubleshooting-using-the-health-check/.

Hello @woodbox,

It may be inside:

• Your theme’s options or the WordPress Admin customizer found under Appearance > Customize
• The Home page found within the Pages section of the WordPress Admin dashboard
• Hardcoded into your theme
• Possibly though not likely as a widget found in Appearance > Widgets

If it’s not there, I recommend asking at https://ww.wp.xz.cn/support/plugin/woocommerce/ so the WooCommerce developers and support community can help you with this.

Hi @barryrichardson,

There’s a few other options you could use to transfer your site:

• A backup plugin like the free version of UpdraftPlus: https://ww.wp.xz.cn/plugins/updraftplus/
• Softaculous backups (if your host offers cPanel)
• Manually backing up the files using FTP and phpMyAdmin
• If you’re using a different web host, they may offer free site transfers, which you could use

As I recall, you’ll also need to change the URL once you restore the backup on the new domain (Site B):

• In the wp-config.php file via FTP
• In your Site B’s WordPress database using phpMyAdmin

You may also have to update the URLs that may have been hardcoded into Site A (e.g., a link manually added inside an HTML widget). A plugin like Better Search Replace should work well for this: https://ww.wp.xz.cn/plugins/better-search-replace/.

The recommended method for transferring your site is to use the Duplicator plugin: https://ww.wp.xz.cn/plugins/duplicator/. This method is the easiest and quickest for cloning a WordPress site from one domain to another.

I’ve also used UpdraftPlus (https://ww.wp.xz.cn/plugins/updraftplus/), BackWPUp (https://ww.wp.xz.cn/plugins/backwpup/), and manual backups (FTP and phpMyAdmin) to achieve the same result after editing the URL in the wp-config.php file and the site’s database.

You’re welcome. It’s not possible using CSS border styling but there are ways around it like using the background element. This article explains how to do that: https://css-tricks.com/gradient-borders-in-css/