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: Neighborhood
• September 19, 2016 at 1:32 pm #292422
  sittingprettyclothing

  Member

  Post count: 123

  Hi there

  Im having trouble aligning my footer headings to the left, the text underneath it is already aligned to the left.
  Also want to remove the padding in-between the heading and the menu shortcuts.

  I’ve searched and tried the previous support threads but nothing is applying.

  l also want to know if its possible to customise the width of the footer columns? Or if not, inserting an additional footer column so there is 5.

  Attachments:

  You must be logged in to view attached files.
  September 19, 2016 at 2:24 pm #292434
  David Martin – Support

  Moderator

  Post count: 20834

  Please use this, add to Theme Options => Custom CSS:

  footer h4 {
      text-align: left!important;
  }

  The max columns you can have is 4 columns, what did you want to do with the footer widgets width? This can be adjusted with CSS depending on your changes.

  September 20, 2016 at 8:09 am #292531
  sittingprettyclothing

  Member

  Post count: 123

  Hi David

  1.There seems to be a space on the left of the heading (i attached a screenshot). I would also not like the Follow us column to be left aligned, just 1, 2, 3.
  2. how do I remove the padding between the Heading and the points underneath?
  3.I would like the first 3 footer widgets to move more to the left. (see attached screenshot of how i would like it look)

  Attachments:

  You must be logged in to view attached files.
  September 20, 2016 at 10:47 am #292569
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #footer h4 span {
      padding: 0px !important;
      margin: 0px !important;
      line-height: 7px !important;
  }
  #footer h4 {
      margin: 0px !important;
      padding: 0px !important;
      line-height: 24px;
  }

  Thanks
  Mohammad

  Thanks
  Mohammad

  September 20, 2016 at 12:05 pm #292587
  sittingprettyclothing

  Member

  Post count: 123

  Hi again Mohammad 🙂

  GREAT! Looks good.

  1.How can I centre the last widget’s heading?
  I just want the About, Policies and Help to be left aligned. The follow us should remain centred.

  Also please refer to my 3rd point in the previous reply. Would it be possible to achieve this? I attached a screenshot called ‘Footer widgets” to show what I would want it to look like.

  Thanks
  Cathy

  September 20, 2016 at 1:12 pm #292593
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #text-3 > div.widget-heading.clearfix > h4{
  text-align:center !important;
  }

  Thanks
  Mohammad

  September 21, 2016 at 7:21 am #292705
  sittingprettyclothing

  Member

  Post count: 123

  Hi Mohammad / David

  You skipped over this:
  3.I would like the first 3 footer widgets to move more to the left, would this be possible with custom CSS. (see attached screenshot of how i would like it look)

  Thanks again for the help. If I have other styling problems do I need to open a new thread every time?

  Attachments:

  You must be logged in to view attached files.
  September 21, 2016 at 10:55 am #292754
  David Martin – Support

  Moderator

  Post count: 20834

  To align the footer widget to right, you can use this:

  #text-3 h2,
  #text-3 .social-icons-centered ul.social-icons,
  #text-3 > div.widget-heading.clearfix > h4 {
      text-align: right !important;
  }

  If you experience any issues with the theme, yes please open a new thread.

  September 21, 2016 at 12:38 pm #292766
  sittingprettyclothing

  Member

  Post count: 123

  Hi David

  Mohammad already resolved the issue with the alignment.
  What I asked earlier was if I could shift the first 3 footer widgets (About, Policies and Help) closer together and more to the LEFT so there is a bigger space between the 4th footer widget and the other 3. In the image I attached I demonstrated how I would like it to look like.

  If I had a 5th footer widget I could just put text in the first 3, skip the forth and add text gain in the fifth. But the theme only has 4.

  Hope its clearer.

  September 22, 2016 at 11:03 am #292930
  David Martin – Support

  Moderator

  Post count: 20834

  I see, yes tricky indeed. Please test this:

  #footer-widgets .span3:nth-of-type(1), 
  #footer-widgets .span3:nth-of-type(2), 
  #footer-widgets .span3:nth-of-type(3) {
      max-width: 16.6665%;
  }
  #footer-widgets .span3:nth-of-type(4) {
      padding-left: 16.6665%;
  }

  September 26, 2016 at 7:11 am #293230
  sittingprettyclothing

  Member

  Post count: 123

  Woohoo, thanks so much! Thanks for the great support.

  Kindest Regards
  Cathy

  September 26, 2016 at 7:47 am #293238
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to David.
  Mohammad

• Back to forum

  Posted in: Neighborhood