help with background images and widgets

• 

  elitepropertynetwork · Member · Oct 10, 2016 at 10:09 am

  • Copy link
  • Add topic to favorites

  I would like to know how to add a background image to my pages.?

  and also
  How can i make the widgets in the footer appear at the bottom and not at the top.?

  many thanks in advance.

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

• 

  kathrynwp · Staff · Oct 10, 2016 at 6:26 pm

  • Copy link

  Looks like you sorted out the background image in live chat, are you all set there?

  .post-228 {
      background-image: url("https://elitepropertynetwork.files.wordpress.com/2016/09/eventbrite-pic2.jpg");
  }

  Learning how to target your site’s CSS with a browser inspector will help you make certain design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  Intro to CSS: Previewing Changes with the Matched Rule Pane

  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  https://thewc.co/articles/view/web-inspector-tutorial

  https://cssworkshop.wordpress.com/

  How can i make the widgets in the footer appear at the bottom and not at the top.?

  Given the way the individual widgets within the widget area rearrange themselves on smaller screens, I’d only suggest making this change on wider screens, so here’s some CSS you can try in a media query, affecting screens 1024px and wider:

  @media only screen and (min-width : 1024px) {
    .widget-area {
      position: absolute;
      top: 0;
    }
  }