Move Position of Footer html widget

• 

  rajnikur · Member · Aug 5, 2017 at 9:44 pm

  • Copy link
  • Add topic to favorites

  Is there a way to move disclaimer, privacy policy, and terms of service links to right about copyright line without creating extra white space between the widget above and the links?

  Also, I’d like to make them the same color as the copyright text?

  Right now, I have added the disclaimer, etc. links via custom html in the Footer 2 widget.

  (Twenty Seventeen theme)

  thank you!

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

• 

  thesacredpath · Member · Aug 6, 2017 at 1:55 am

  • Copy link

  Hi, I think this gets you what you are looking for on the spacing.

  #colophon .widget-area {
    padding-bottom: 0;
  }
  
  #colophon #custom_html-18 {
    padding-bottom: 0
  }
  #colophon #custom_html-18 a {
    color: #010051;
  }

• 

  rajnikur · Member · Aug 6, 2017 at 2:02 am

  • Copy link

  That worked. Thanks @thesacredpath, you are awesome! :-)

• 

  rajnikur · Member · Aug 6, 2017 at 2:08 am

  • Copy link

  Oops. I deleted the other widget I had in Footer 2, and the disclaimer, etc. links moved up to the top of that section. I’m not sure if I’m going to have any other widget in that section, I might, but is there something that can make it stay at the bottom with or without other widgets there?

• 

  thesacredpath · Member · Aug 6, 2017 at 5:30 am

  • Copy link

  The code was based on having the other widget above the disclaimer, etc., widget. There is code we can use, but it becomes very tricky to keep it placed correctly for all screen widths. What we have to do is to limit the relocation to screens/windows 768px and wider. Replace the code I had given you above with the following.

  @media screen and (min-width: 768px) {
  #colophon .widget-area {
   padding-bottom:0
  }
  #colophon #custom_html-18 {
   padding-bottom:0
  }
  #colophon #custom_html-18 a {
   color:#010051
  }
  #colophon #custom_html-18 {
    position: absolute;
    bottom: 0
  }
  #colophon .widget-area {
    position: relative;
  }
  }

• 

  rajnikur · Member · Aug 6, 2017 at 2:34 pm

  • Copy link

  Thanks again @thesacredpath, that did it.

• 

  thesacredpath · Member · Aug 11, 2017 at 2:25 am

  • Copy link

  Hooray and you are welcome!

• 

  rajnikur · Member · Aug 11, 2017 at 2:37 am

  • Copy link

  :-)