Custom CSS Dyad Theme

• 

  lucette63 · Member · Dec 21, 2015 at 11:09 am

  • Copy link

  @thesacredpath Thanks for your help, you probably misunderstood because @ogurel just gave me the CSS I needed ;-).

  I also have two more questions :
  Do you know if it is possible to reduce the variable space between the end of the article and the part intended to comments ?
  Furthermore, I added a new widget (a search bar). Is it possible to put this search bar under the other widget, and not next to ?

  Thanks again for your very helpful answers !

• 

  ogurel · Member · Dec 21, 2015 at 6:09 pm

  • Copy link

  Hello again,

  Richard (thesacrepath) has so much to do both as a happiness engineer and on his farm, I’d be happy to try and help.

  For the space, I am not sure how much space you want to remove but if you use the following CSS code, it should already help remove some space between the article and comment section as well as move the search bar widget below the personalized beauty tips ad image. I have added some comments in the CSS code to help guide you should you want to customize it further.

  @media only screen and (min-width: 681px)
  {
      .widget-area .widget {
          float: none;
          position: relative !important;
          left: 0 !important;
          top: 0 !important;
          transform: translate3d(0, 0, 0) !important; /* removing the animation for the search widget when it's position changes */
      }
  }
  .widget-area.widgets-two .widget, .has-post-thumbnail.is-singular:not(.home):not(.single-format-image) .widget-area .widget, .has-post-thumbnail.is-singular:not(.home):not(.single-format-image) .widget-area.widgets-three .widget
  {
      width: 60%; /* This can be 100% as well but causes the search bar to be way too big on the home page. We can fine tune it depending on your needs. */
      margin: 0 auto;
  }
  .comments-area-wrapper
  {
      padding: 2rem 0 0.5rem !important; /* 2rem and 0.5rem can be lowered further to reduce the space between the article and the comments area even more */
  }

  Please feel free to write back if you need anything else.

  Take care,

  Onur

• 

  kathrynwp · Staff · Dec 21, 2015 at 7:11 pm

  • Copy link

  Thanks for pitching in, ogurel, appreciated!

  lucette63 – let us know if you’re all set. And if you have any further questions after that, could you please start a new thread? Thanks!

• 

  ogurel · Member · Dec 21, 2015 at 7:13 pm

  • Copy link

  It’s my pleasure glad to be of help :)

• 

  cegr76 · Member · Dec 22, 2015 at 4:49 am

  • Copy link

  Q: Now that I’ve removed the slider altogether–deeplyplaid.com— how does that alter the header image?

  I tried adding a header image as normal, and I even like the result. But it’s not what intended.

• 

  kathrynwp · Staff · Dec 22, 2015 at 2:25 pm

  • Copy link

  egr76 – could you please start your own thread, as this one is resolved and about a different issue. Thanks!

  If you’re looking for help with CSS Customization, post in this forum:
  https://en.forums.wordpress.com/forum/css-customization

  If you need non-CSS help with your theme, please post here:
  https://en.forums.wordpress.com/forum/themes