dcoleonline

Hi there @sadiyakhanam,

Thank you for the detailed response.

Here is a screenshot of my current manual pagination setup for the test quiz:

https://snipboard.io/O2KxzL.jpg

Since there are only three short questions, I don’t require multiple pages for this example.

In case it helps, this is what the Options tab looks like in my setup:

https://snipboard.io/o6g7lT.jpg

To give it another go, I’d like to provide another example.

Below, I’ve linked to a side-by-side screenshot of the www.ads-software.com login screen and my test quiz.

https://snipboard.io/1J9R7I.jpg

On the www.ads-software.com login screen, you can place the cursor into the Username/Email field and then press the tab key. This moves your cursor to the Password field. This is the same functionality that I’ve seen in a previous version of QSM, however it does not appear to be working any longer. It has been a few months since I last used the plugin. The OP’s GitHub link mentions the issue as of v9.0.1.

As shown in the above screenshot, I have a short contact form just before the quiz questions. Once the cursor is placed into the Name field, a press of the tab key does not move the cursor to the Email field.

The OP’s GitHub link mentions issues with the tab key as well. In the same way, it is no longer possible for me to select an answer for a question in my sample quiz, and then use the tab key to focus on the next question.

Given my example above, I’d expect to be able to do the following:

1. Fill out the Name field
2. Press tab to move the cursor to the Email field
3. Fill out the Email field
4. Press tab to move to question 1.
5. Use the keyboard to select an answer for question 1 (all of the answers are numbers, so pressing a number is what I did in a previous version of the plugin)
6. Press tab to move to the next question, and repeat until all of the questions are answered.

Hopefully this helps to better illustrate what I’m experiencing.

When I have used the auto or manual pagination with longer quizzes, the pagination functionality has worked for me.

The issue I’m experiencing appears to be separate from pagination, however. It is specifically about using the tab key to progress from one form field to the next, and from one drop-down question to the next.

Hi @sadiyakhanam,

Here’s the test URL:

https://pmpd.mystagingwebsite.com/testing/

Thanks!

Hi @sadiyakhanam,

I believe I’ve encountered this as well on a personal project. I have a very simple contact form that asks for name and email. Below that are three questions that all have the drop down answer type.

The tab key cannot be used to navigate between form fields or answer choices.

I’m using the latest update which is v9.1.0. All plugins are deactivated, and the theme is Twenty Twenty-Three.

Could you check to see if you can replicate the issue?

Thank you!

Hmm ok. Is there any reason you wouldn’t want to use the full width template? It’s specifically designed to not show the sidebar, which means widgets won’t show there.

You can try adding a text widget to the sidebar. Just don’t add any content to it. It should replace the other widgets.

Hi Janne,

I’m glad the featured images are working well.

I haven’t found anything in CSS that can account for how text appears when zoomed by the browser. That’s sort of an unpredictable situation, and all browsers may not handle that the same way. Hopefully most users will view the site at its 100% size. You could always increase the font size a bit if you feel like it may be too small for some of your visitors. That may decrease the odds that they’ll zoom.

Hi vickigarside,

When you don’t create a menu manually, you leave it up to the site to create its own menu. Instead of doing that, you should create a menu which does not include the sitemap page.

If you prefer not to do that, you can hide it from your menu by pasting this code into your Customize > Additional CSS area:

.nav-menu .page-item-7294 {
    display: none;
}

Hi there,

how do I add a scroll bar to my pages on the Motif Theme

You can add this to your Customize > Additional CSS area:

.hero-content-overlayer {
  overflow: scroll;
}

even though I have removed the widgets from the pages, they still show

You should use the Full Width page template for pages where you do not want the sidebar to display. Some themes will show widgets by default in the sidebar if you do not specify any.

Hi there,

Have you made changes to the theme’s php files?

If so, that could be the cause.

In that case, I’d recommend making a backup of your database and files, then deleting the theme and downloading a fresh copy.

If you haven’t modified the theme, double check that your header image is still active in the customizer. The live site doesn’t behave as though a header image has been set.

You could also add a background for the header by using this in the Customize > Additional CSS area:

.site-branding {
    background-image: url(put-your-image-url-here);
}

Hi there,

This should fix it:

#menu-toggle:before {
    color: #fff;
}
#menu-toggle.active:before {
    color: rgba(255, 255, 255, 0.5);
}

Hi there,

This isn’t a theme related issue. You might want to contact your web host to ask them about how you can increase it on their server.

Alternatively, you might make a post in the troubleshooting forum:
https://www.ads-software.com/support/forum/how-to-and-troubleshooting/

Hi J?rn,

Here are some additional resources to help you create the child theme:

?https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

Once you have it created, you can add your own front-page.php file to the child theme’s main folder. If you paste the content of Dara’s page.php file into your new front-page.php file for the child theme, the sidebar will appear on the front page of your site.

Awesome!

??

Hi there,

You can change it to the word Menu by adding this code to your site’s Customize > Additional CSS area:

.menu-toggle:before,
.toggled .menu-toggle:before {
    content: "Menu";
    text-align: center;
    width: auto;
    font-family: Lato, sans-serif;
    font-weight: bold;
}