Hi there,
I would like to smaller the space between the questions on my faq page. Can someone please help?
I’m using prestige, store url: https://4iurrv1jiowbmdf6-73160851752.shopifypreview.com
Topic summary
A user running Prestige theme version 7.0.1 wants to reduce the spacing between questions on their FAQ page.
Solutions Provided:
Two community members offered CSS-based solutions:
-
EBOOST’s approach: Navigate to Online Store → Themes → Edit Code → Assets/theme.css and add specific CSS targeting
.faq .faq__content .accordion .accordion__togglewithpadding-block: 5rem; -
INA_MSWEB’s approach: Add CSS code to the bottom of the theme.css file, targeting
.accordion__toggle.text-lgwithpadding-block: 0.5rem !important;within a media query for screens with minimum width of 1000px.
Both solutions involve editing the theme’s CSS file to adjust padding values. The discussion includes screenshots showing where to locate the code editor, though the exact CSS syntax appears partially corrupted in the original posts. The issue remains open pending confirmation from the original poster.
Hi @admintb
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
2.Assets/theme.css
3. add code below to end of file
body .faq .faq__content .accordion.group .accordion__toggle {
padding-block: .5rem;
}
1 Like