Phillip Burger

Can you share a link to the site as an example?

Try using something like:

.menu-item a {
  font-weight: 400;
}

And based on how “unbold” you want, you might use a weight of 300 or even 200

Let me know if that works.

I would recommending looking at plugins related to “quiz” -https://www.ads-software.com/plugins/search/quiz/

The link to the example site was removed, can you try to share again?

@panick – appreciate the reply. I think you will find that even a super simple child theme is going to really help all over the place. I have a child theme that I created and put in a ZIP file so after I upload a parent theme I just upload that file and go to Editor to change a few line in the empty CSS. It is just the CSS and functions.php file and then everything else acts like it is not there.

When you need the function or simple CSS overwrite, you can just do it easily.

If you feel the problem is resolved, please resolve this ticket.

I might suggest looking at a way to change it just with jQuery on the front end, or use a child theme. A child these in this situation may really make it easier, and it is okay to use a child theme that does nothing except CSS customization and provide functions.php for updates if needed.

Hopefully that gives a start, but let me know…

I looked through the github and the examples are good. Can you clarify, are you expecting the 2 columns on iPad will remain as 2 columns or they will go down to 1 column without the extra padding on the left of the 2nd column data?

It looks like this code (the 2nd one is not getting used in this situation because the padding is overwritten by the 1st) seems to use 600px for the media cutoff and an iPad screen is wider than that.

@media (min-width: 600px)
.wp-block-column:not(:first-child) {
    margin-left: 32px;
}

@media (min-width: 600px)
.wp-block-column:nth-child(even) {
    margin-left: 32px;
}
@media (min-width: 600px)
.wp-block-column {
    flex-basis: 50%;
    flex-grow: 0;
}

If you are expecting the 2 columns to become 1, if this code had a number larger than 600 (I used 769px in my Chrome Dev Tools example) they would line up as expected.

I see https://github.com/WordPress/gutenberg/issues/12842 seems to explain some similar situations.

Do you have a site doing something similar I can see?

Like, what do you mean by “enroll in a course”? Is it a contact form or you are looking for a type of payment as well?

And then what is the actual course?

Thanks and have a good weekend!
-Phillip

Can you give a link to the site you are talking about so I can take a look please?

Can you give a specific example where you are seeing this needed on your site?

I know a few days passed, but as I got a chance to look, it seems you selected a new Theme or something – right? If this is no longer an issue, can you Resolve it?

Thanks!
Phillip

From my test, not having the !important is what is causing this because something else is overriding the style. If you put in the !important, it may cause that to always be the action.

Good morning. Not sure if it is exactly what you are looking for, but it seems like

ol, ul {
list-style: none;
}

Is overwritten by something else, if you try changing it to

ol, ul {
list-style: none !important;
}

If you know you always want no list style, that may help you out.

Let me know ??

Good deal! Thanks for letting us know. Please close the Topic if this is resolved.

That would be through your website host. Different hosts have different options. Also through cPanel if you know how to get there.

…let me know.