• Anton Van der meyden

  • 2020년 03월 09일 12:48

  Hello Socorro,

  Socorro Fernandez

  I hope you don't mind me reaching out directly to you but you helped me in the past and thought you might be able to help me again with my questions in first post on this thread.

  Thank you.

  Kind Regards,

  Anton

   

• Ifra Saqlain

  • 2020년 03월 10일 11:16
  • 편집된 시간

  Community Moderator

  Hey Anton,

  I hope you don't mind if I'll give the answer to your question :)

   

   

  So your first question is

  I added a border around my articles in my Help Center as shown in the screenshot below but the related articles text is outside the border

   

   

  It's because of this code issue, it should be 50%

  .article-relatives > * {
   flex: 1 0 50%;
   min-width: 50%;
  }

   

  or maybe the issue of article relative container width, that should be 100%

  @media (min-width: 768px){
  .article-relatives{
  width:100%;
   }
  }

   

  Your second part of the first question is :

  How do I get this to move below recently viewed articles so that both recently viewed articles and related articles are aligned to the left hand-side so that all text be inside the border?

   

  Recent article and relative article have this code -

  @media (min-width: 768px){
  .article-relatives {
  flex-direction: row;
   }
  }

   

   If you change the flex direction - row to column then both - recent article and relative article would be left aligned.

   @media (min-width: 768px){
  .article-relatives {
  flex-direction: column;
   }
  }
  
  or you can only add this code at your bottom of your stylesheet
  
  .article-relatives {
  flex-direction: column;
  }
  
  

   

   Your second question is :

   

   It shows the bullet points while logged in through my Help Center as End User, Manager, Agent or Anonymous but when I open the Help Center on a Different browser and I'm not logged in and viewing it as an end user the bullet points disappear.

  .category-container .article-list-item{
  list-style-type: square;
  }
  
  //Remove this given code

   

  And apply this code and then any issue let me know.

  .category-container .article-list{
  list-style-type: square;
  }

   

   

  Thank You

  Team

   

   

• Anton Van der meyden

  • 2020년 03월 10일 14:30

  Hello Ifra,

  Ifra Saqlain

  Thank you for your help.

  I got the first part working based of the information you provided.

  I changed the code in CSS to match yours to create the bullet points but unfortunately it does not work still when I open up a browser that I'm not logged into.

  I added you code to the bottom of my CSS tab.

  .category-container .article-list{
  list-style-type: square;
  }

  Can you assist further with this please?

  Thank you,

  Kind Regards,

  Anton

   

• Anton Van der meyden

  • 2020년 03월 10일 14:43

  Hello Ifra,

  I have figured this out.

  Thanks again for you help and have a nice day.

  Kind Regards,

  Anton

   

• Ifra Saqlain

  • 2020년 03월 10일 16:04

  Community Moderator

  Cheers!

  :)

댓글을 남기려면 로그인하세요.