Page Template — If the page has a custom template assigned, WordPress looks for that file and, if found, uses it.
page-{slug}.php — If no custom template has been assigned, WordPress looks for and uses a specialized template that contains the page’s slug.
page-{id}.php — If a specialized template that includes the page’s slug is not found, WordPress looks for and uses a specialized template named with the page’s ID.
page.php — If a specialized template that includes the page’s ID is not found, WordPress looks for and uses the theme’s default page template.
singular.php — If page.php is not found, WordPress looks for and uses the theme’s template used for a single post, irregardless of post type.
index.php — If no specific page templates are assigned or found, WordPress defaults back to using the theme’s index file to render pages.
#fonDiv_3 {
height: 100%;
min-width: 1000px;
min-height: 300px;
z-index: -1;
}
.f_main_wrapper {
background-size: cover;
}
.btn {
background: url() no-repeat;
width: 100px;
height: 100px;
border: none;
position: relative;
transform: translateY(-50%);
}
div.top_menu_link_container, div.top_menu_link_container_end {
float: left;
height: 31px;
}
img.top-display__pills { display: block; max-width: 100%; }
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
<div class="carousel-item active" role="listbox">
<img src="img/slider/header.jpg" class="desktop">
<img src="img/slider/header2.jpg" class="mobile">
</div>
<style>
img.desktop {
display: block;
}
img.mobile {
display: none;
}
@media (max-width: 768px) {
img.desktop {
display: none;
}
img.mobile {
display: block;
}
}
</style>
* { margin: 0; padding: 0; }
https://elvery.net/demo/responsive-tables/
position: relative