Hi,
For some reason in one of my pages, 2 text boxes overlap each other. One is a normal text box, and one has some icon coding.
As for the icon shortcodes, I’m not sure if it affects the structure, but I’ve updated the fontawesome icons including the CSS to the latest version.
It was all normal yesterday but now it’s overlapping, only thing that I might of changed is the custom css from the theme options > general tab. I’ve removed all new css codes, but now it overlaps.
——————————–
Here is all my custom-css code:
#header-section { border-bottom:0px ;}
.full-width-text {padding-top:0px !important}
.alt-bg {border-bottom:0px !important; height: 130px;}
#footer {display:none !important;}
#copyright.copyright-divider {border-top-width:0px !important;}
.slider-wrap{margin-top:0px !important}
.sub-menu {background-color:#000000 !important; }
nav .menu ul li a {
color: #FFFFFF !important;
}
.alt-bg.alt-three, .alt-bg.alt-three h1, .alt-bg.alt-three h2, .alt-bg.alt-three h3, .alt-bg.alt-three h3, .alt-bg.alt-three h4, .alt-bg.alt-three h5, .alt-bg.alt-three h6, .alt-three .carousel-wrap > a {
color: #FFFFFF;
}
.alt-bg.alt-two, .alt-bg.alt-two h1, .alt-bg.alt-two h2, .alt-bg.alt-two h3, .alt-bg.alt-two h3, .alt-bg.alt-two h4, .alt-bg.alt-two h5, .alt-bg.alt-two h6, .alt-two .carousel-wrap > a {
color: #ffffff;
}
@media screen{
.page-heading h1 {
margin-top: 34px !important;
margin-bottom: 0;}}
———————
Any assistance is much appreciated!
Best Regards,
Chuckie