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)
- ruby - i want to display the edit button and delete button on the index page
- html - css is not applied to button element
- swift5 i want to delete a specified element in an array that contains instances of the class
- ruby - routing error with delete button in rails
- ruby on rails - delete button not available
- css - i want to change the color when i press a button in the drawer menu
- html, css: term of the heading function
- css - small element shift due to fixed
- (css) code to center the heading and underline it by the character width
- javascript - when i click the target element, i want to delete the class of the element clicked immediately before
- css - button hover does not apply
- element overlay html, css
- reactjs - i also want to implement a button to add and delete lines with nreact-hook-form
- 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 delete the eye-catching image that will be automatically attached in the wordpress article
- css - about effects when button hover
Related questions
- php - i want to read multiple words with wordpress
- php - i want to sync my custom post archive page with my widget's calendar
- css - i want to center the wordpress heading (h tag)
- how to make the article list called by php into a cocoon theme blog card type
- php - i want to output the page number 01 02 03 with pagination paginate_links
- css - i want to reverse the image and text display on mobile with wordpress lightning media and text
- css - i want to resolve an error in chrome developer tools
- css - on the wordpress creation site [i want to display the buttons with the same appearance on both pc and smartphone]
- about the phenomenon that the image is only partially visible in the background-image of css
- css button decoration doesn't work
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