Bullet points disappearing and aligning articles in a border

답변함

5 댓글

  • Anton Van der meyden

    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

     

    0
  • Ifra Saqlain
    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

     

     

    0
  • Anton Van der meyden

    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

     

    0
  • Anton Van der meyden

    Hello Ifra,

    I have figured this out.

    Thanks again for you help and have a nice day.

    Kind Regards,

    Anton

     

    0
  • Ifra Saqlain
    Community Moderator

    Cheers!

    :)

    0

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

Zendesk 제공