Home>
Using a plug-in called "Sensei LMS"
I'm making a learning site.
At the bottom of the lesson page
I have a "Lesson Complete" button
It seems that the heading (h2) specification is included
I want to delete the heading "h2" over this button element
I don't know how to write
The code itself looks like this, but if you change here (color)
Even the color of the page footer will change. "Specify only for button elements"
footer {
border-top: 3px solid # 337ab7;
}
footer {
background-color: # f5f5f5;
}
-------------------------
By the way, the button element seems to be here ↓, but what do you write here?
.lesson input.quiz-submit.complete, .quiz input.quiz-submit.complete {
background: # 63a95f;
}Click here for the demo screen
Chrome verification image that seems to be applicable
↓ Magnification on the right side
Production: WordPress 5.3
Plug-in: Sensei LMS
-
Answer # 1
Related articles
- javascript how to delete element with added button
- css - i want to add a button to the right end of the centered heading (div)
- javascript - how to delete only "element" in the argument of foreach
- element overlay html, css
- html, css: term of the heading function
- css - small element shift due to fixed
- html - css is not applied to button element
- javascript - when i click the target element, i want to delete the class of the element clicked immediately before
- (css) code to center the heading and underline it by the character width
- css - button hover does not apply
- reactjs - i also want to implement a button to add and delete lines with nreact-hook-form
- ruby on rails - delete button not available
- i would like to know how to apply different css only to the last element in the element group rendered by arraymap
- css - i want to display a clear button for input[type=date]
- how to apply css file to dom element created by jquery
- css - i want to create a square button
- javascript todo list''delete button'' i want to delete the line with the pressed button
- css - django radio button does not work
- css - there is a gap between the aside heading and the menu
- css - i want to change the color when i press a button in the drawer menu
Related questions
- css : When displaying posts using the Pods plugin (wordpress), the quality of images deteriorates
- html - i would like to set up a navigation menu, phone number, and inquiry button on the right side of the header on afinger 5 a
- php - i want to read multiple words with wordpress
- html - i want to wrap and display the event title of full calendar
- php - i want to be able to appear by clicking the drop-down menu that appears when hovering
- php - i want to change the menu display when there is new information in wordpress
- php - i want to disable responsive support in the header part, but i can't
- i want to write php that displays only 3 articles
- php - i want to loop the posted articles using swiper
- php - i want to hide the header image only on the post page
Answer
Maybe Sensei LMS can do it,
DescriptionWhen solving with CSS, I think that it will disappear if I add the following somewhere
If you look at the HTML, this looks like a footer tag instead of h2
And since there are two footer tags, one surrounding the lesson completion button and one at the bottom of the page,
Tying the following will change both designs at the same time
Also, the footer tag at the bottom of the page has a class specification (
class = "section siteFooter"),There is no class designation around the lesson completion button
Use this to add a new CSS to erase the footer tag design without class specification
Because it is not possible to be surrounded by footer in the first place, if you can edit HTML, we recommend that you delete the footer tag itself rather than messing with CSS