Doctor FAQ Page Question - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Doctor FAQ Page Question

Robert

Robert

Template 2 years ago

Hi,

I would like to create a FAQ page similar to the one used for the Doctor Template:

Joomshaper Doctor Template: FAQ Page

I would like to recreate this area:

I am trying to figured how to add the sliding bar that is displayed on the left side of the list, but find no custom CSS or other settings in SPPB that creates this part of the page. I even went so far as to export the page and copy it to another template, only to be presented with a generic accordion box with the filler questions/answers. Also, is there a way to control what color is used for the sliding bar dots?

Regards.

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #125033

Czesc Robert,

becuase both dots and dots color were created by Doctor template.css styles.

So if you want to use that effect - you have copy all CSS styles and reuse it in 2nd template.

Find part of CSS code that starts with ".mednet-accordion .sppb-addon-accordion"

info_1388_2023.gif

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #125034

Color of active dot was/is inside preset1.css file.

.mednet-accordion .sppb-addon-accordion .sppb-addon-content .sppb-panel.sppb-panel-default .sppb-panel-heading.active::before {background-color: #119eda;}

now you have all info that you need to finish this task.

0
Robert
Robert
Accepted Answer
2 years ago #125037

Czesc Paul,

Got most of it to work somewhat but I had to add the code to the Custom CSS to get it to function. I will continue to mess with the code until I figure it out but you got me further than where I started, thanks!

Regards.

0