Custom CSS not working…

• 

  samueltrepanier1 · Member · Jan 26, 2019 at 5:30 pm

  • Copy link
  • Add topic to favorites

  Hi guys,
  Last night my custom CSS stopped working and I’ve been looking online for tremendous hours since then and I don’t think I have the knowledge to fix the issue. I know I have a child theme, and the issue is probably related to the custom css not being called at the right place. Although I don’t know how to fix this.

  The current custom CSS I have is below. The website I need help with is http://www.samueltrepanier.com

  Important note: when I edit the ‘project post’ into Elementor, the preview that I see there has the Custom CSS. Although when I publish and see the site ‘live’, the custom CSS is NOT applied. To have a quick look to know is the custom CSS works or not, check the footer background color. The custom CSS is applying a dark grey, and the original is having a light grey.

  /*
  Welcome to Custom CSS!

  To learn how this works, see http://wp.me/PEmnE-Bt

  */ Change footer color

  .site-footer { background: #9a9a9a; }

  /* Delete Pin it hover button ——- THIS DOESNT WORK…
  .data-pin-hover {display: none !important;}

  .widget-title {
  text-align: center;
  font-weight: bold;
  }

  .footer-box {
  text-align: center;
  }

  .menu-main-menu-container ul {
  text-align: center;
  }

  .sidebar-box {
  text-align: center;
  }

  #sidebar {
  text-align: center;
  }

  #slideNav .widgets {
  text-align: center;
  }

  #footer {
  padding: 20px 0 0;
  background: #2b2b2b;
  }

  #footer a {
  color: #7E7D7D;
  }

  #footer .main {
  padding: 0;
  text-align: center;
  }

  #footer .widget-box {
  margin-bottom: 0 !important;
  }

  #footer .secondary {
  padding: 0 !important;
  }

  #footer .secondary * {
  margin-bottom: 0 !important;
  }

  #footer .secondary .inside {
  padding: 20px 0 10px;
  }

  #footer .main .inside {
  padding-bottom: 20px;
  }

  #facebook-likebox-2 {
  margin-bottom: 0 !important;
  }

  #facebook-likebox-3 {
  margin-bottom: 0 !important;
  }

  .widgetBox p {
  margin: 0;
  }

  .widgetBox .widgetTitle {
  line-height: 1.7em;
  }

  .footerBox {
  margin: 0 0px 0px 0 !important;
  }

  .tiled-gallery p {
  margin: 0;
  }

  #google_translate_widget-2{
  padding-top: 70px;
  }

  #subscribe-text {
  padding-top: 0px;
  }

  #subscribe-submit {
  margin-top: 5px;
  }

  #testimonials .title {
  display: none;
  }

  #content .project.small .title span {
  font-weight: normal;
  }

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, hgroup, menu, nav, summary, time, mark, audio, video, header, footer {
  font-weight: normal;
  }

  .wp-smiley {
  display: inline-block;
  }

  /*
  Largeur boite video sur cellphone
  */
  p iframe {
  width: 90%;
  height: 300px;
  }

  /*
  Makes the fancybox to appear at is place in fron of the text
  */
  div#fancy_outer {
  z-index: 9999 !important;
  }

  /* MAIN SPONSORS fOUR image containers (use 25% for four, and 50% for two, etc) */
  .column4 {
  float: left;
  width: 24%;
  padding: 5px;
  }

  /* Clear floats after image containers */
  .row4::after {
  content: ”;
  clear: both;
  display: table;
  }

  /* Responsive layout – makes the three columns stack on top of each other instead of next to each other */
  
  @media screen and (max-width: 500px) {
  .column4 {
  width: 100%;
  }
  }

  /* VIDEOS TWO image containers (use 25% for four, and 50% for two, etc) */
  .column2 {
  float: left;
  width: 49%;
  padding: 5px;
  }

  /* Clear floats after image containers */
  .row2::after {
  content: ”;
  clear: both;
  display: table;
  }

  /* Responsive layout – makes the three columns stack on top of each other instead of next to each other */
  
  @media screen and (max-width: 500px) {
  .column2 {
  width: 100%;
  }
  }

  /* VIDEOS Three image containers (use 25% for four, and 50% for two, etc) */
  .column3 {
  float: left;
  width: 32%;
  padding: 5px;
  }

  /* Clear floats after image containers */
  .row3::after {
  content: ”;
  clear: both;
  display: table;
  }

  /* Responsive layout – makes the three columns stack on top of each other instead of next to each other */
  
  @media screen and (max-width: 500px) {
  .column3 {
  width: 100%;
  }
  }

  /* VIDEOS FIVE image containers (use 25% for four, and 50% for two, etc) */
  .column5 {
  float: left;
  width: 19%;
  padding: 5px;
  }

  /* Clear floats after image containers */
  .row5::after {
  content: ”;
  clear: both;
  display: table;
  }

  /* Responsive layout – makes the three columns stack on top of each other instead of next to each other */
  
  @media screen and (max-width: 500px) {
  .column5 {
  width: 100%;
  }
  }

  Thank you very much!

  Best,
  Samuel

  The blog I need help with is: (visible only to logged in users)

• 

  staff-zinnia · Staff · Jan 27, 2019 at 1:48 pm

  • Copy link

  Good morning –

  Help for sites that run the open source WordPress software will come from the community forums at https://wordpress.org/support/