ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• July 8, 2013 at 5:42 pm #10752
  RossPepperell

  Member

  Post count: 49

  Hi there. can you tell me what i need to do to reduce the line-height in the footer widget… i put in some css but it doesn’t seem to work.

  Also how can I alter the styling of the sidebar e.g the background, border etc.?

  I can’t seem to find the names for these objects which is annoying, or I’d have a crack at it…

  is there somewhere which lists all of the objects on the page in their css form? e.g. #footer-widget x or sidebar blah?

  July 8, 2013 at 9:10 pm #10776
  Ben – SUPPORT

  Member

  Post count: 690

  What code have you added can you post it here?

  What do you want changed can you link it?

  Thanks
  Ben

  July 9, 2013 at 5:45 am #10806
  RossPepperell

  Member

  Post count: 49

  I guessed at this…with/without the h4 bit

  #footer-widget h4 {
  font-size: 18px !important;
  line-height: 10px !important;
  }

  I wan to put a box and border around sidebar 2 and alter the font color etc… I know the css for the latter part, but what is the css name for sidebar 2? where can i find the names for these blocks/objects?

  thanks!

  July 16, 2013 at 2:54 pm #11766
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hi Ross,

  That depends on where you use it and what it’s in it. If you can link to that page, I’ll provide the CSS selector for it.

  You can also use your browser’s inspection tool to find out the classes/IDs of elements (usually right click/inspect element)

  Regards,
  ————————————————————————————————————

  Cosmin – Support

  July 19, 2013 at 1:27 pm #12111
  RossPepperell

  Member

  Post count: 49

  This reply has been marked as private.
  July 19, 2013 at 3:04 pm #12138
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hi Ross,

  For spacing between footer links, I see you already have something in there. Might want to try this, if you need to further decrease it:

  .widget ul li > a {
      padding: 5px 0 !important;
  }

  For the space below the footer widget title, use this:

  #footer h5 { margin-bottom: 5px !important; }

  Finally, you can add custom CSS for the right sidebar, by targeting it like so:

  .sidebar.right-sidebar { .... }

  Regards,
  ————————————————————————————————————

  Cosmin – Support

• Back to forum

  Posted in: Flexform