How to Change Top & Lower footer Height and add Gradient

Comments

• Air

  June 2019 Posts: 10,970

  Hey there :-)
  
  Thanks for comming to the forum!

  bigd said: Finally, how did you create the info sidebar reveal for Apollo13? is that widget inside sidebar theme options?

  You can find options from this flyout box in Appearance → Customize → General settings → Flyout box https://rifetheme.com/help/docs/customizing-the-theme/general-settings/flyout-box/
  
  
  

  bigd said: also the whitespace above as it is really high on top. Need to tighten spacing.

  Go to page options( https://rifetheme.com/help/docs/content-management/pages/pages-options/ ) of this page, and turn off "bottom padding" : Page detials → Layout & Sidebar → Content : Top/bottom padding
  

  bigd said: I like the default "About Me" area at bottom for this theme, like to change the color on "About Me" to 0099FF (blue) instead of black

  Please use such custom CSS:

  #footer .widget h3.title{
      color: #424fe1;
  }

  bigd said: Trying to change the solid footer to a 2 color OrangeMagenta gradient.

  Make your gradient here https://cssgradient.io/ and later copy generated CSS into such selector and add as custom CSS:

  #footer {
      background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(50,83,71,1) 35%, rgba(0,212,255,1) 100%);/* example gradient - replace it */
  }

  Hope that helps.
  
  With kind regards.
• bigd

  June 2019 Posts: 3

  Thank you Air for your quick response!