Site width

Hi,

I believe it was part of the customization of the site (it was done by a developer a while ago, I no longer have his contact info). However, I believe it was manipulated by CSS (pasted at the bottom).

The image was displaying to the right of the menu, kind of hanging over the bottom border of the menu. The menu items were closer to the left logo. There were no page titles and only a single border was displayed (now I can see 2).

Not sure what to do from here.

Here’s the CSS code:

a.top img {
  margin-bottom: 15px;
  width: 100%;
}

.sf-menu li:hover a {
    color: #fff;
}
li.current-menu-ancestor a {
    background: rgb(92, 30, 64) !important;
    color: #fff !important;
}

.imghoverclass.img-margin-center.col-md-4 h3 {
    float: left;
}
.wp-pagenavi {
  width: 100%;
  float: left;
}
@media (min-width: 1200px){
.container {
  width: 1040px !important;
}  
}
.imghoverclass.img-margin-center.col-md-4 {
    min-height: 300px;
}
.imghoverclass.img-margin-center.col-md-4 img {
    width: auto;
    height: auto;
    /* float: left; */
    min-height: 150px;
}
aside.col-lg-3.col-md-4.kad-sidebar {
    background: #f7f7f7; */;
    /* padding: 20px; */;
    /* padding: 20px; */
    padding: 20px;
}

.page-header {
  border-top: 0px solid #eee !important;}
footer#containerfooter {
    background: rgb(247, 247, 247);
}
div#pageheader h1 {
  text-transform: uppercase;
  text-align: center;
}
h2.entry-title {
  text-transform: uppercase;
}
@media (min-width: 768px){
/*.col-md-4.clearfix.kad-header-left {
width:30%;
}

.col-md-8.kad-header-right {
width:70%;
} */}
@media (max-width: 768px){

#mobile-nav-trigger {
  display: block;
  width: 50%;
}
}
div#pageheader {
   display: none; 
  margin-top: -15px;
}
header.banner.headerclass {
    margin-bottom: 30px;
    border-bottom: 3px solid rgb(229, 229, 229);
}
.bird{
float: right;
  margin-right: 10%;
  
z-index: 99;
  position: relative;
  
margin-top: -100px;
}
.wrap.contentclass {
    /* border-top: 1px solid lightgray; */
    /* margin-top: -25px; */
    padding: 0;
    float: left;
}
section#topbar {
    display: none;
}

#content .col-md-4, .span4 {
  /* background: #f7f7f7; */
  /* padding: 20px; */
  float: left;
}
html .boxed #wrapper.container {
  box-shadow: none!important;
  padding-top: 3%;
}
#nav-main ul.sf-menu a {
  text-transform: uppercase;
}
.simple-social-icons ul li {
    margin: 0 4px 12px !important;
}

.kad-btn, .button, #commentform .form-submit #submit, .cart_totals .checkout-button {
  padding: 3px 18px !important;
  background: #5c1e40 !important;
  color: #fff !important;
}
.inbox {
    border: red 5px solid;
}
.inbox p {
  font-weight: 400;    
  font-size: 16px;    
  line-height: 24px;    
  color: #000;    
  /* font-family: Georgia, serif; */
  text-align: center;
}
footer .simple-social-icons ul li {
  margin: 0 1px 12px !important;
}
section#simple-social-icons-2 h3 {
  /* color: rgb(114, 37, 134) !important; */
  /* font-weight: bold; */
}
.button-purple{ padding: 7px 12px;    background-color: #5c1e40;    border: 1px solid #5c1e40;    font-size: 18px;font-weight: normal; color: #fff!important; margin:10px auto; float: inherit; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; display: table; text-transform: uppercase;}

.virtue_image_widget_caption {
  color: #9ba1ad !important;
  margin-top: 12px;
  text-align: center;
}
footer .kad_img_upload_widget img {
  width: 100%;
}
body.blog .page-header {
  display: none;
}
#nav-main ul.sf-menu a:hover {
    color: #FFFFFF!important;
    background: rgb(92, 30, 64);
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu .dropdown .active:hover {
  background-color: rgb(92, 30, 64)!important;
}
li.current-menu-item a {
  background: rgb(92, 30, 64);
  font-weight: bolder !important;
  color: white !important;
}
input.newsletter-submit {
    padding: 7px 12px;    text-transform: uppercase;
    background-color: #5c1e40;    border: 1px solid #5c1e40;    font-size: 18px;    color: #fff!important;    margin: 10px auto;    float: inherit;    display: table;
    border-radius: 6px;
    width: 100%;
    max-width: 200px;
}
.sidebar section {
    background: white;
    padding: 3% 3%;
    float: left;
    text-align: center;
    width: 100%;
}
input.newsletter-email {
    width: 100%;
    max-width: 200px;
    padding: 1%;
    border: 2px;
    border-style: groove;
    border-radius: 7px;
    margin: 10px 0px 5px 0px;
}
img.alignnone.size-full.wp-image-83 {
  border: 0px solid #ddd !important;
  border-color: rgba(0,0,0,.00) !important;
  box-shadow: 0 0px 0px rgba(0,0,0,0)!important;}

.page-header {
border-top:none;
min-height:80px;
}
.top_widget img{}

img.kad-standard-logo {
/* width:100%; */
/* height: 55px; */
}

h1, h2, h3 {
  color:#722547!important;}
@media (max-width: 992px){
#nav-main {
  margin-top: -10px!important;
}
}

@media (min-width: 992px){
#nav-main {
  margin-top: 70px!important;
}
div#content .col-md-8, .span8 {
  width: 66.66666667% !important;
}
aside.col-lg-3.col-md-4.kad-sidebar{
  width: 33.33% !important;
  background: #f7f7f7;
  padding: 20px;
}

}
article {
    min-height: 190px;
    /* float: left; */
    margin: 10px 0px 10px 0px;
    border-bottom: 3px solid rgb(242, 242, 242);
    /* padding-bottom: 2%; */
}

.sidebar {
    /* background: #f7f7f7; */
    /* padding: 20px; */
}

.top_widget a{color:#722547!important;}
.form-search {
  float: none;
  margin: 0 auto;
}
.imghoverclass.img-margin-center > a > img {
width: 200px;
height: 200px;
}
.imghoverclass.img-margin-center.col-md-4 > a > img {
width: 200px;
height: 177px;
}

/* FORUM CUSTOM CSS */
li, li:not([class^="social"]) a, p a, p, span a, span:not([class^="ab-"]), label {
  font-family: 'HelveticaRegular' !important;
  font-size: 15px;
}

• This reply was modified 8 years, 2 months ago by Steven Stern (sterndata).
• This reply was modified 8 years, 2 months ago by Steven Stern (sterndata).

It’s in the “Custom CSS” area.

No, using Simple Custom CSS plugin.