Customizing Category page
Answered
Posted Jul 12, 2021
Hello,
I apologize if these questions have been asked already, I was unable to find answers. I had the following questions about customizing the Category page (see attached image for reference).
- Is there a way to remove the Category description? In the attached image this is "Administration and managment"
- How can I display the subsections? In the attached image, you will see the "Using Nastel Navigator" section is empty.
- How can I display the articles as a bulleted list with less space between articles? So for example, under "Frequently Asked Questions," how can I have bullet displayed next to each article and how can I make the spacing between each article less?
Thank you in advance for any help offered : )
-Victoria
-1
58
58 comments
Pulkit Pandey
Hi Joane Bonghanoy,
Sorry for the late reply :)
First, upload your branded image to an assets folder and then copy the image URL, as shown in the attached screenshot.
Now replace the copied image URL with the YOUR IMAGE URL GOES HERE in the code below
.section-tree .article-list .article-list-item {
position: relative;
}
.section-tree .article-list .article-list-item a {
margin-left: 40px;
}
.section-tree .article-list .article-list-item:before {
content: '';
background: url("YOUR IMAGE URL GOES HERE");
height: 30px;
display: inline-block;
width: 40px;
position: absolute;
left: -4px;
right: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 13px;
}
Let me know if it solves your issue
Thank You
Pulkit
Team Diziana
0
Joane Bonghanoy
1263213599189 an image, one of our branded image
0
Pulkit Pandey
Joane Bonghanoy, do you want to use font icons (i.e Font Awesome) or want add image?
0
Joane Bonghanoy
1263213599189 thanks so much! that worked.
One last ffup Q promise! If I want to use an icon instead of the normal bullet icon, how do I go about that? is that possible?
0
Pulkit Pandey
Hi Joane Bonghanoy
Please add the below CSS at the bottom of your style.css file
.section-content .article-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style-type: disc;
list-style-position: inside;
}
.section-content .article-list .article-list-item {
flex: 1 0 320px;
}
Let me know if it solves your issue
Thank You
Pulkit
Team Diziana
0
Joane Bonghanoy
1263213599189 https://help.phriendlyphishing.com/hc/en-gb/sections/360011398654-Dashboard-Reports
0
Pulkit Pandey
Joane Bonghanoy, Is it possible to share the URL of your help center where these subsection are listed so that I will share the exact solution for that
0
Joane Bonghanoy
1263213599189 articles in our sub-sections to be in 2 columns
0
Pulkit Pandey
Hi Joane Bonghanoy
Do you want articles on the category page to be in 2 columns ?
Thank You
Pulkit
Team Diziana
0
Joane Bonghanoy
1263082087049 all good ta, I know what I did wrong there. Managed to get it working now
Although I have a different question? How can I arrange the article into 2 columns? bullets + arranged into 2 columns inside a border?
0
Sign in to leave a comment.