Hi yes I’m having an issue with the accordion as it seems to be offline slightly
Hello @opob,
Thanks for asking. 
As you have purchased both X and Pro Theme, I am not quite sure on which website (url that’s attached in licence) you are facing the problem with Accordion. Please try out following solutions:
- Please make sure that you are using latest version theme and plugins as listed in version compatibility guide. https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195
- In case you are using cache plugins, please make sure to clear cache and disable CSS and Js minificatoin (in case you have enabled).
- You can also try adding following CSS under Theme Options panel:
.x-acc-header span {
margin-top: 10px;
}
In case problem is still there, please share exact page URL for us to take a closer look.
If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Thanks.
Thanks for getting back.
I’ve tried to do what you said, nothing changed no im not using pro im using x
https://thedigitalpsychic.com/privacy-policy/
Summary
This text will be hidden
Hello @Prasant,
Thanks for asking.
On Privacy Policy page, I see multiple empty paragraph tags an that’s one of the main reason why layout is offbeat. Here is a screenshot. So, you need to remove those empty spaces. To fix things further, you can also add following CSS under X > Theme Options > CSS:
.x-acc-header span {
margin-top: 0;
}
.x-acc-header span p {
margin: 0 !important;
}
Thanks.
Im very sorry but i cant actually do this, its hard to get cornertsne to open properly. Would ypu mind helping a bit
Hi There,
Thank you for the credentials, but I can’t login to your site, it is asking for verification (see screenshot).
In the meantime, please check your accordion titles, make sure there is no extra space and extra break (return) and unnecessary HTML tag on it. Because those extra breaks will result to an empty <p> tag on the front end.
Cheers!
Yes aplogies for that, i had extra security on there. Could you try again please with the login credintails i have provide in thread thanks
yes i think i managed it. one more thing anchor tags, how do i put these into the accordian so people can jump from one accordian to the other
Hello @opob,
Thanks for asking.
Slightly confused with you question. If you wish to open accordion from URL then assign id name under Customize > ID. To access the accordion section, you can use following URL pattern.
http://example.com/about/#accordion-page
In above URL About is the page that has accordion element. You can replace accordion-page id as per your requirement.
In case you are looking to open individual items, then you can use Accordion shortcodes. Here is an example:
[accordion id="my-accordion"] [accordion_item title="Accordion Title" parent_id="my-accordion" id="custom-accordion-id"]Your text here[/accordion_item] [accordion_item title="Accordion Title" parent_id="my-accordion" open="true"]Your second accordion text[/accordion_item] [accordion_item title="Accordion Title" parent_id="my-accordion"]Your third accordion text[/accordion_item] [/accordion]
In above code you need to replace id="custom-accordion-id" name. Please note that you need to give id name to each accordion element. More information about accordion shortcode can be found here.
http://demo.theme.co/integrity-1/shortcodes/accordion/
Thanks.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.