openreferral / wp-ward-and-child

Wordpress theme for OpenReferral.org
openrerral.org
1 stars 0 forks source link

Need to capture customizations to the theme in the repository #2

Open anselmbradford opened 10 years ago

anselmbradford commented 10 years ago

Font selection, colors, etc. are customized on the theme so that the installed theme on a fresh WP install looks very different from OpenReferral.org.

OpenReferral.org: screen shot 2014-08-24 at 3 46 01 pm

Locally installed theme: screen shot 2014-08-24 at 3 45 55 pm

Is there a WP settings file for the customizations that can be copied into this repo?

siruguri commented 10 years ago

Not sure how this happened but it looks like there's a plugin on the site called Simple Custom CSS that overrides theme CSS and stores the settings in the DB :( I don't remember installing it, so maybe Devin did...

anselmbradford commented 10 years ago

Can instructions for adding the plugin (e.g. download link) and a screenshot or text of the settings be provided in the Readme perhaps?

siruguri commented 10 years ago

We should get Devin on here... I think he installed the plugin. I usually just make changes to the style.css file... or you could just copy these changes into style.css:

#home-page-widgets {
   padding: 80px 0 20px;
   color: #4D68A1;
 }
@media (max-width: 768px) {
  #home-page-widgets {
    margin: 0;
  }
}
@media (max-width: 480px) {
  .boxed #home-page-widgets {
    padding: 80px 15px 20px;
  }
}
.basic #home-page-widgets {
  background: #F0BE29;
}

.home-widget {
  margin: 0 0 30px;
  text-align: center;
}
.home-widget img {
  margin-top: 0;
}

.home-widget-title {
  color: #4D68A1 !important;
  margin: 10px 0 5px;
  font-size: 28px;
}
.home-widget-title a {
  color: #4D68A1 !important;
  text-decoration: none;
}

.bavotasan_custom_text_widget i {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
 -ms-border-radius: 2em;
  -o-border-radius: 2em;
  border-radius: 2em;
  font-size: 80px;
  line-height: 130px;
  width: 130px;
  height: 130px;
  margin: 0 auto 30px;
  display: block;
  border: 3px solid #4D68A1;
}