So there is some conflict going on with my H2 and H3 tagsI
In editing mode, they look like how they should look but when I hit publish, you can see that my H3 tag is too big, and H3 tag should be smaller than the H2 Tag
Editing Mode
Published Mode, you can see the H3 tag is too big and should be smaller than the H2
Attached below is all the custom codes I got form this forum, is one of them causing a conflict? why my H3 tag is so much bigger than my H2
If so what code do I need to remove OR how Do I fix this?
Global CSS, in Xtheme
.x-brand img {
width: auto !important;
}
.x-navbar,
.entry-wrap,
.simple-social-icons ul,
.x-colophon.bottom{
border:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.x-colophon.top, .x-colophon.bottom {
border-top: 1px solid rgba(0,0,0,0.085) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8) !important;
}
.blog .x-header-landmark {
display: none;
}
.blog .x-main article:first-child .entry-wrap {
padding-top: 0;
}
.x-container.offset {
margin-top: 6em;
}
.blog .entry-title {
font-size: 160%;
}
.single-post h1.entry-title{
font-size: 150%; /* Adjust this accordingly*/
}
#respond h3,
.more-link {
font-size: 20px !important;
}
.entry-meta {
margin: 15px 0 !important;
}
.p-meta,
.logged-in-as,
.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label {
font-size: 15px;
}
.blog .entry-footer {
display: none;
}
.single-post .entry-footer {
display:none;
}
@media (min-width: 768px) {
.blog .has-post-thumbnail {
overflow: hidden;
background-color: #fff;
padding: 60px;
}
.blog .has-post-thumbnail .entry-featured {
float: left;
width: 40%;
box-shadow: none;
border: none;
}
.blog .has-post-thumbnail .entry-wrap {
float: left;
width: 60%;
padding: 0 0 0 40px;
}
}
.single-post .entry-featured {
display: none;
}
.archive.category .entry-footer {
display: none;
}
.blog .entry-title,
.archive .entry-title {
font-size: 160%;
}
@media screen and (min-width: 768px) {
.blog .has-post-thumbnail .entry-featured,
.archive .has-post-thumbnail .entry-featured {
float: left;
width: 40%;
box-shadow: none;
border: none;
}
.blog .has-post-thumbnail .entry-wrap,
.archive .has-post-thumbnail .entry-wrap {
float: left;
width: 60%;
padding: 0 0 0 40px;
}
}
.content-box-yellow {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
background-color: #FFFF99;
border-radius: 5px;
}
.img-max-width {
max-width: 50%;
}
.x-comments-area {
margin-top: 0;
}
.single-post .entry-wrap {
padding-bottom: 0;
}
.x-comments-area {
margin-top: 0;
}
#optinforms-form3-container,
#optinforms-form3-container form {
margin-bottom: 0;
}
.hentry {
margin-top: 0em !important;
margin-bottom: 60px;
padding-top: 0px !important;
padding-bottom: 10px !important;
}
.entry-wrap {
padding-top: 0px !important;
}
body.single-post h2 {
font-size: 130% !important;
}
h2, .h2 {
line-height: 1.4;
}
.hentry {
overflow:hidden;
clear: both !important;
}
.x-navbar {
padding-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,0.085) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8) !important;
}
body {
line-height: 40px;
}
.archive h1.h-landmark {
font-size: 200%;
}
.entry-content h2 a {
color: #ff1493
}
.entry-content h2:hover a {
color: #00bfff
}
body.single-post .entry-content h2{
margin-bottom:0.8em /* just an example*/
}
@media screen and (min-width: 768px) {
.blog .has-post-thumbnail .entry-featured,
.archive .has-post-thumbnail .entry-featured,
.search .has-post-thumbnail .entry-featured {
float: left;
width: 40%;
box-shadow: none;
border: none;
}
.blog .has-post-thumbnail .entry-wrap,
.archive .has-post-thumbnail .entry-wrap,
.search .has-post-thumbnail .entry-wrap {
float: left;
width: 60%;
padding: 0 0 0 40px;
}
}
.blog .has-post-thumbnail .entry-wrap,
.archive .has-post-thumbnail .entry-wrap {
float: left;
width: 60%;
padding: 0 0 0 40px;
}
.content-box-yellow {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
background-color: #FFFF99;
border-radius: 5px;
}
.img-max-width {
max-width: 50%;
}
.x-comments-area {
margin-top: 0;
}
.single-post .entry-wrap {
padding-bottom: 0;
}
.x-comments-area {
margin-top: 0;
}
#optinforms-form3-container,
#optinforms-form3-container form {
margin-bottom: 0;
}
.hentry {
margin-top: 0em !important;
margin-bottom: 60px;
padding-top: 0px !important;
padding-bottom: 10px !important;
}
.entry-wrap {
padding-top: 0px !important;
}
body.single-post h2 {
font-size: 130% !important;
}
h2, .h2 {
line-height: 1.4;
}
.hentry {
overflow:hidden;
clear: both !important;
}
.x-navbar {
padding-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,0.085) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8) !important;
}
body {
line-height: 40px;
}
.archive h1.h-landmark {
font-size: 200%;
}
.entry-content h2 a {
color: #ff1493
}
.entry-content h2:hover a {
color: #00bfff
}
body.single-post .entry-content h2{
margin-bottom:0.8em /* just an example*/
}
.archive.category .entry-footer {
display: none;
}
.archive.category .entry-footer,
.search .entry-footer {
display: none;
}
Additional CSS
.x-breadcrumb-wrap{
border-bottom:none;
background-color:white;
}
.x-main{
margin-top:-70px;
}
/* #cookie-law-info-bar {
color:white;
} */
.cli-bar-message{
color:white
}
.cli-bar-message:hover{
color:white;
}
.hfe-nav-menu-icon{
display:none;
}
#rmp-container-3971 {
background-color: #00bfff;
}
.entry-title {
font-size: 160%;
}
.no-post-thumbnail{
display:none;
}
