Customizing Category page

@pulkit12 articles in our sub-sections to be in 2 columns 

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 

@pulkit12 https://help.phriendlyphishing.com/hc/en-gb/sections/360011398654-Dashboard-Reports

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

@pulkit12 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?

Joane Bonghanoy,  do you want to use font icons (i.e Font Awesome) or want add image?

@pulkit12 an image, one of our branded image

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