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: Joyn
• July 24, 2016 at 11:47 am #283463
  itdrewitself

  Member

  Post count: 27

  I’ve tried using extra class to remove the margin from the bottom of an spb_image element but having no luck. I also tried adding an mb0 class as suggested in another thread.

  Any ideas how to resolve this?

  p

  July 25, 2016 at 11:21 am #283605
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you provide a screenshot with the marked element that you are trying to do this?
  Or let us know the name of the extra class you used.

  -Rui

  July 25, 2016 at 11:36 am #283618
  itdrewitself

  Member

  Post count: 27

  Hey Rui,

  Here’s a grab from the home page (we also want to use it throughout a couple case study pages). I tried .nobottom class I wrote as well as the mb0 class suggested in another thread.

  Thanks

  Pro

  Attachments:

  You must be logged in to view attached files.
  July 25, 2016 at 11:48 am #283625
  David Martin – Support

  Moderator

  Post count: 20834

  You need to alter the CSS to target the correct element:

  .spb_content_element.nobottom.spb_image img {
      margin-bottom: 0;
  }

  July 25, 2016 at 12:00 pm #283631
  itdrewitself

  Member

  Post count: 27

  Hey Rui,

  Fantastic – this worked!

  Is there some documentation that can walk me through writing new classes more effectively? I semi understand the logic behind doing it this way.

  Thanks

  p

  July 25, 2016 at 12:04 pm #283637
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Best to read through http://www.w3schools.com/cssref/default.asp and use the Chrome Web Inspsecter to take a look at what CSS is applied to the selected CSS selectors.

  Thanks,
  David

  July 25, 2016 at 12:07 pm #283638
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  I’m afraid that the only way it’s to read a bit more about css. A good way to learn is to inspect the elements of the page and change the attributes in real time so you can see if a specific css rule works or not.

  https://www.youtube.com/watch?v=l-JB-RQ7IGY

  check more videos on Youtube

  -Rui

  July 25, 2016 at 12:15 pm #283643
  itdrewitself

  Member

  Post count: 27

  Hey Rui,

  Thanks guys. I have a good grasp of basic CSS but I couldn’t find anything relating to adding custom classes in Joyn. I think I get it. I need to write a custom class for each element I want to attribute it to. I assumed I could write a single class and Joyn would ‘tag’ it onto the element I was adding it to. Easy enough to work around, though.

  Thanks again!

  p

  July 25, 2016 at 12:28 pm #283650
  David Martin – Support

  Moderator

  Post count: 20834

  No problem, like most things web related, once you have done it once it’s easier the next time.

  Thanks,
  David.

• Back to forum

  Posted in: Joyn