Bullet points disappearing and aligning articles in a border
답변함Hello,
Can someone please assist me with the following two queries?
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.
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?
My next questions is added coding to my CSS page to add bullet points beside my articles pages as shown below.
CSS code below:
.category-container .article-list-item{
list-style-type: square;
}
This worked, 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.
Does anyone know why this happens?
Thank you for your help.
Kind Regards,
Anton
-
Hello Socorro,
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
-
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 codeAnd apply this code and then any issue let me know.
.category-container .article-list{
list-style-type: square;
}Thank You
-
Hello Ifra,
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
-
Hello Ifra,
I have figured this out.
Thanks again for you help and have a nice day.
Kind Regards,
Anton
-
Cheers!
:)
댓글을 남기려면 로그인하세요.
5 댓글