Advanced wordpress.com .CSS customization

• 

  dddevents · Member · Jan 30, 2017 at 4:49 pm

  • Copy link
  • Add topic to favorites

  Good morning,

  1) I am trying to align my slide show and side bar image widgets. I would like them to align in a similar manner the below website:

  Home

  Any idea on how to do this via .css on wordpress.com?

  THanks in advance!

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

• 

  dddevents · Member · Jan 30, 2017 at 4:54 pm

  • Copy link

  Current .css path is as follows:

  #gallery-33-6-slideshow {
  background-color: #ffffff;
  border: none;
  margin-top: 2em;
  margin-bottom: 12em;
  }

  .slideshow-slide img {
  width: 100%;
  }
  }

  .site-title a,
  .site-description {
  color: #b30059;
  }

  .header-bg {
  background-image: ;
  background-repeat: no-repeat;
  }

  @media screen and ( min-width: 50em ) {
  .header-bg {
  background-attachment: fixed;
  background-size: 100%;
  background-position: top center;
  }
  }

  .site-content {
  margin-top: .5em;
  margin-bottom: 0;
  }

  .page-template-template-full-php h2 {
  margin-bottom: .5em;
  }

  .footer-wrap {
  background-color: #ffffff;
  margin-top: 2em;
  margin-bottom: 0;
  }

• 

  staff-loquaciousloon · Staff · Jan 31, 2017 at 6:27 pm

  • Copy link

  Hi there!

  I see what you’re going for :)

  Give this CSS a try:

  .home .entry-content,
  .home .entry-header{
  	margin: 0;
  }
  
  .widget {
      margin: 0 0 3.03em;
  }

  First it removes the space above the gallery, then it slightly increases the spacing between the widgets so the bottom lines up to the slideshow.

  Let me know what you think!