Colophon CSS Customization

• 

  vlogazul · Member · Feb 17, 2016 at 9:46 pm

  • Copy link
  • Add topic to favorites

  I am using the Triton Lite theme and I would like to know if there’s a snippet for the following requests.

  1. Is there a snippet to center the widgets that are on the footer section.

  2. Is there a snippet to add another copyright text to the bottom of the page, the text to be in between the two texts that are currently there and if possible to be at the same line just to be on the center. Thanks

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

• 

  dianakcury · Member · Feb 18, 2016 at 12:25 am

  • Copy link

  Hello,

  Please add the following CSS snipet:

  1.

  /* center widgets at footer */
  .site-footer .widgets { float: none;}
  
  .site-footer .widget {
      float: none;
      margin-right: 0;
      display: inline-block;
  }
  
  .site-footer .widgets ul { text-align:center }

  2.

  .copytext {
      margin-right: -50px;
  }
  
  #copyright .copytext:after {
  content:'Your text';
  display:inline-block;
  text-align:center;
  position:relative;right:170%
  }

• 

  vlogazul · Member · Feb 19, 2016 at 4:17 pm

  • Copy link

  Thanks for both snippets. I also have another request if possible. If you click on my most recent post, you will see that the image of the article doesn’t align with the text. I believe the width of the text is about 618 px, is there a snippet to make the image align with the text? But in all of the posts not just that article. Thanks!

• 

  dianakcury · Member · Feb 20, 2016 at 3:13 am

  • Copy link

  Hi, you’re welcome!

  Trythe following CSS:

  img.size-full {
     width:100%!important;
     height:auto!important
  }

• 

  vlogazul · Member · Feb 21, 2016 at 4:20 pm

  • Copy link

  It worked perfectly thanks. Would there be a snippet for the following.

  If you look at the featured images on the main page you will see that the first 3 posts are aligned from the top but the bottom 3 are not aligned since the images of the top 3 might be bigger and also the summary text. Would there be a snippet to make the bottom 3 aligned from the top so that the gray line that is above them matches the alignment?

• 

  dianakcury · Member · Feb 21, 2016 at 8:56 pm

  • Copy link

  Hi,

  Try this:

  .lay1 > div .imgwrap {
      max-height: 170px!important;
      overflow: hidden!important;
  }
  
  .lay1 > div .post-content {
      min-height: 70px!important;
  }